Hamburger - change Full Screen Menu background colour

I cannot see a way to change the Full Screen Menu background colour from the default black - any ideas?

Also - embarrassingly - I cannot see how I made the nice drop shadow under the menubar on my website (I need to use it on another website). :rage:

I can find no code beyond blurring the menu bar. Web Inspector shows nothing that I can detect for the drop shadow… aaarghhh!

To change the color background just add this class and edit the color!

To change the menu shadow, just add this class and adjust the shadow to “0” if necessary.


I also had some issues around the hamburger menu: Navigation Bar Confusion

Maybe a bit more user documention would help …

1 Like

Yep, as much as I really enjoy Blocs and find it very user friendly, without knowing what various items are called, it can be a chore finding the class you need to be able to personalise stuff.
Just to have everything in one place rather than search the internet, would be a really useful addition.

Yay! Both your suggestions work brilliantly!

Thanks @nelo, didn’t know that Library existed.

The mobile menu looks great with transparency added.

Now… do you know how I’d animate the links in the hamburger tab, so they arrive one after the other from the bottom or side? :wink:

@Norm a document containing descriptions of all available and built-in custom classes would be soooo useful!

@nelo one other question - I cannot see a means of changing the hamburger colour… red would be good, to match my client’s logo colour!

I’m sure there’s an app for that, oops, I mean a class for that…