Change color of mobile menu


#1

Dear Support Team,

How can I change the background color of the mobile menu. I also like to change the color and size of the “+” (indicating sub menus) sign.

Is that possible?

Thanks in advance for your support.

Best regards,
Jan


#2

Hello Jan,

Please provide a link to your website and specify the colors that you want to use.

Kind Regards, Roman.


#3

Hi Roman,

Thanks for your prompt repy.

The link to the site is: www.zaaldesign.nl/bc. I prefer a white background with all text and + in green 00A550.

Hope this is possible.

Thanks in advance and kind regards, Jan


#4

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

[off-canvas] {
    background-color: white;
}

.mobile-menu a,
.btn-submenu {
    color: #00A550;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#5

Hi Roman,

It worked however, how do I change the color of the top part to white?

image

Website link:
https://www.tinyhoppersdemo.info/
password: hello


#6

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.mobile-branding {
    background-color: transparent;
}

Please feel free to create a new topic if you have any other questions.

Kind Regards, Roman.