blurry Menu and collapsible overlay

[bergeronalexis]

Hello!

I have a question about a couple of layout tips for my website.

1 — I’d like to create a center menu bar that doesn’t span the full width of the site, but sits just behind my menu buttons. I want it to be transparent and blurry, like a glassmorphism effect.

2 — On my project pages, I’d like to add a collapsible info panel, also with a transparent and blurry background, that reveals project information when opened.

I’ve found a website that does something similar (https://lukasrudolph.info/) could you help me figure out how to recreate this in LayTheme?

Thanks!

[arminunruh]

hi! <3

1
do u think it could be a possibility for you to use the pill menu style?
https://www.instagram.com/p/DMIRnRaiDHX/

it seems that lukas website:
https://lukasrudolph.info/material/

uses this style, but he set the customizer settings in a way where it doesnt show the pill
probably he set the pill to opacity: 0

2
https://laytheme.com/documentation/overlays.html

you can use this feature, and with the next lay theme update i will release probably this week,
you will be able to set the background of a page with opacity and blur here

in the gridder

so that will be possible then!

[bergeronalexis]

@arminunruh Thank you dude !

I will try this ! But for the collapsible overlay, how does it work to have "+" and "-" on my overlay?

Thank you in advance ! <33

[arminunruh]

when u enable the page overlay setting in "lay options".
then when u edit a page, you can set the burger menu icon and the x close icon:

those can be text, a custom image, or the default icons

[arminunruh]

is this what you mean?

[bergeronalexis]

I found the accordion item ahah, that's what i wanted ! thank you