Overlay Menu Closing Issue

[janawodicka]

Hello!

I’ve created a menu using the overlay feature, but I’ve encountered an issue. Currently, I need to leave a space between the menu items and the close (X) button. Without this space, clicking on a menu item unintentionally closes the menu, likely due to a collision with the close button’s area.
Is there a way to resolve this so the menu items can be closer to the button without triggering the close action?

Maybe two small questions in addition to that:

1. I understand that the menu items are formatted as hyperlinks (with the specific color and underline that i customized). Is there any way to bypass this in the overlay?
2. And is it possible to apply different text formats within the same text box and even within a single line? For example, if I want three words in a line to be a bit bolder, my problem is, that the entire text box switches to bold instead. Can this be adjusted?

Thank you in advance for your help!

Best regards,
Jana

[arminunruh]

whats the link to your website?

clicking any link inside a page overlay will close that page overlay!
cause the link will load a new page in the page underneath

[janawodicka]

ah i think that's a misunderstanding. you can check it out here: https://kunst.uni-koeln.de/carelab/

I just mean that the page doesn't load, but instead when you click the first two menu items it simply closes the overlay without further action bc it seems to be too close to the x-closing-icon.

[felix_rabe]

the x buttons clickable area (100px padding) is overlaying the menu points.

@janawodicka you can optimize these spaces around the x icon in the overlay options. its "Close-Icon Space-Top (Desktop)" etc.

And then I would recommend to optimize the spaces above your menu points, right now you make the space with empty <p> tags, like blank rows. it will be easier to create this by adjusting the borders of the overlay.