Overlay Menu 2 issues

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
User avatar
Bluesman
 
 
Posts: 1120
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Overlay Menu 2 issues

Post by Bluesman »

Hi Pablo and friends. Choosed the Overlay Menu for a new project but got some problem.
1. When clicking the hamburger button the close (X) button in the menu window goes out to the right browser border. Would be nice if it stays at the same place as the hamburger button. Most irritating when the browser are more than 1460 as I set this max widht in the layout grid were the menu is placed.

2. When using more than 1 word in the menu items it doesn't make the space between the words??
The words:
Om oss
I vår butik

Grateful for some insights :D

See the example page:
https://www.tellusskomakeri.se/test

If needed I will post a project file
"Make My Day"

See my Website
alan_sh
 
 
Posts: 1693
Joined: Tue Jan 01, 2019 5:50 pm

Re: Overlay Menu 2 issues

Post by alan_sh »

There seems to be a phantom 'X' when you click the menu.

But I think you need to provide a .wbs file which illustrates the issue, so we can see what you've done.

Alan
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Overlay Menu 2 issues

Post by crispy68 »

I'm not seeing a phantom X.
User avatar
BaconFries
 
 
Posts: 5365
Joined: Thu Aug 16, 2007 7:32 pm

Re: Overlay Menu 2 issues

Post by BaconFries »

This is what I see notice X to the front and x behind.
Image
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Overlay Menu 2 issues

Post by crispy68 »

The X in the background is due to the menu button having icon animation added to it. If you don't want to see the X in background you will either need to remove the animation or remove the transparency of the menu background.

To line them both up would be difficult unless the menu button stays in the same spot constantly as the screen gets smaller. You would have to add CSS to adjust the menu close button. It could be done. However, if the main button uses animation, then it will trigger when you click the close button and may look odd animating in the background.
User avatar
Bluesman
 
 
Posts: 1120
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Overlay Menu 2 issues

Post by Bluesman »

crispy68 wrote: Sun Feb 18, 2024 2:52 am The X in the background is due to the menu button having icon animation added to it. If you don't want to see the X in background you will either need to remove the animation or remove the transparency of the menu background.

To line them both up would be difficult unless the menu button stays in the same spot constantly as the screen gets smaller. You would have to add CSS to adjust the menu close button. It could be done. However, if the main button uses animation, then it will trigger when you click the close button and may look odd animating in the background.
Hi crispy tnx for checking in... from the screenshot Bacon took its a very small distance but if you like I wrote expand the browserwindow to more than 1460 it the X follows the border at the right. My problem is not that it is visible through the background (was a comment from alan) it is the distance...
More problem is the items text for the menu that doesnt accept "spaces".

I have tested in other scenarios and this is the way the menu seams to work so I don't think I will go further with this issue. Will look into another menu and solution :D
"Make My Day"

See my Website
User avatar
Bluesman
 
 
Posts: 1120
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Overlay Menu 2 issues

Post by Bluesman »

Hi guys... tnx for your comments. I have tested the menu in different scenarios and seam I can fix the spaces by changing the typeface back from my own (Aller) to Arial in the menu and it works ?? Strange. Have used this typeface for lot of webpages.
Have to change for another menu to fix the moving button ....
Cheers
"Make My Day"

See my Website
Post Reply