mobile menu, style 2, blur

[afb]

Hi there,
on my website I use: mobile menu, style 2 with blur. In any browser on my mobile device iPhone 13 and when clicking the burger icon I see a rectangle (see screenshots) that I don`t know why its there.
The position of the rectangle also changes when selecting "About" instead of "work".
thanks for your help!
best, annette

[arminunruh]

hello what is the link to your website?

[afb]

Hi Armin, https://www.annette-fischer.com

[arminunruh]

Ah now I see!

Can you please:

In customize -> mobile -> mobile menu

enable "vertically center menu points"

Then, set menu point padding top and padding bottom to the same values like 30,
and padding left and right to like 20:

This will look weird in the preview, im fixing this with the next lay version, but on the website it will look correct.

Now about the rectangle you see.
This is actually this setting when you scroll down a little:

You can change the color there.
It is the background of the currently activated menupoint.

The rectangle that you see is actually just this: the background color of the currently activated menu point.
However, I see that your menu point top and bottom paddings are quite big, and they push the text outside of its menu point box. The active background color of the menu point looks displaced.

Probably you put this heading there to vertically center the menu. But I think using the setting for that and configuring it in the way I described above will do the trick.

[afb]

thank you – it did the trick. Any chance to completely deactivate the "active menu point background color" = no background color? :-)

[arminunruh]

yes there will be a checkbox for that with the next lay theme update

[afb]

Top – obrigada :-)