Lay Theme Forum

Dear Nathan @nm

Yes this will be a bit tricky but you can get there, you can apply a nice blur using back-drop-filter:blur :

https://www.w3schools.com/cssref/css3_pr_backdrop-filter.asp

Result:

Screen Shot 2022-05-23 at 11.57.29 AM.png

This is good when the Navbar is not interacting with another element behind it to blur off, i noticed this when using the standard 'filter:blur'.

The tricky part is the box-shadow but this thread outlines a possible solution:

https://stackoverflow.com/questions/52140378/using-a-shadow-together-with-backdrop-filter-blur

Even better would be to use the Blur function and Drop shadow in the same, for example with the backdrop filter you can apply multiple settings:

.element { backdrop-filter: grayscale(0.5) opacity(0.8) /* ...and on and on... */; }

Outlined here:

https://css-tricks.com/almanac/properties/b/backdrop-filter/

So you could have blur and drop shadow together within the backdrop filter.

Best wishes and good luck! ⭐️

Richard

Perfect! Glad to hear!
To reverse colors on an image you can also have a look into "css filters image".

Many wishes!

Audrey

Dear Aleks @Aleksandar

Q:

"I'd like to use the mobile menu for the desktop version, too. How could I do this? "

A:
This is possible. You could set the breakpoint in Lay Options so that the Mobile layout is used always. This will mean of course that you must use the Mobile Layout.

If you wish to just use a burger menu with a desktop Layout this will need to be Custom Coded in.

Best wishes 🌝
Richard

@arminunruh said:

Hey tristan.
If you update Magnetic Slides to ver. 1.023 and Lay Theme to ver. 1.030 this is now fixed :+1:

Great, thank you ! :clap:

It works like a charm, thank you ! :smiley: