Docs

[bergtop]

Hello,

I made a transparant menu, which looks great on a pc but on mobile it is not so ok.

Normally the mobile menu pushes down the content, but with transparency it makes a transparant overlay which makes it impossible to read.

I wonder how can I change the colour of the collapsed menu in mobile/ipad mode. I just want a greyish overlay so the menu is readable.

Or is it still possible that it pushes down the content?

my webpage http://www.brainbulb.nl/home

thx in advance.

Regards,
Dimitry

[Joao]

Hi Dimitry,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar .mobile .x-nav {
    background: rgba(0,0,0,0.3);
    border-radius: 7px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

I personally think it looks better with a white background, if you prefer to use a white backround change rgba(0,0,0,0.3); to white;

Hope that helps,

joao

[bergtop]

It works, and yes white is more readable.

Thx,
Dimitry

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts