Overlay Menu 2 issues

[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

[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

[crispy68]

I'm not seeing a phantom X.

[BaconFries]

This is what I see notice X to the front and x behind.

[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.

[Bluesman]

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

[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