Page 1 of 1
Overlay Menu 2 issues
Posted: Sat Feb 17, 2024 6:53 pm
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
See the example page:
https://www.tellusskomakeri.se/test
If needed I will post a project file
Re: Overlay Menu 2 issues
Posted: Sat Feb 17, 2024 7:44 pm
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
Re: Overlay Menu 2 issues
Posted: Sun Feb 18, 2024 1:07 am
by crispy68
I'm not seeing a phantom X.
Re: Overlay Menu 2 issues
Posted: Sun Feb 18, 2024 1:34 am
by BaconFries
This is what I see notice X to the front and x behind.

Re: Overlay Menu 2 issues
Posted: Sun Feb 18, 2024 2:52 am
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.
Re: Overlay Menu 2 issues
Posted: Sun Feb 18, 2024 7:46 am
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

Re: Overlay Menu 2 issues
Posted: Sun Feb 18, 2024 7:52 am
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