Change the color of the plus sign in the mobile menu

mcontes · September 2016

How can I change the color of the plus signs (referring to sub pages) on a mobile menu? I imagine this is done with css. If so, can you provide the following? I have attached a screenshot for reference.

https://qsnapnet.com/snaps/kyn2g6wscuymbo6

Sure would appreciate the help.

Thanks.

Albert · September 2016

Hey,

please send us link to page where you would like to change color of these icons.

mcontes · September 2016

OK. http://bit.ly/2aJ2cW1

davidbot · September 2016

I have the exactly same problem. All color changements affect the normal menu link color or only chnage the mobile link, when I use: @media only screen and (max-width: 767px) {
#Top_bar #menu ul li a span { color: #F2F2F2 !important;; }
}
and I'm trying to get more space between the logo an the toggle button of the mobile menu... Thank you very much!

Albert · September 2016

@mcontes Ok, thanks. So to change the color of +/- on mobile you need to use the following css:

#Top_bar #menu ul li.submenu .menu-toggle { color: #000 !important; }

@davidbot Because you didn't presented what you mean, we are unable to help.

mcontes · September 2016

Thank you! Worked like a charm!

Albert · September 2016

You are welcome

davidbot · October 2016

Hi,

I was talking about the size of the gap between the menu-toggle button and the logo in the menu bar for the responisve version. Check out the image of the mobile version. http://www.bilder-upload.eu/show.php?file=3108a1-1475346919.png

Albert · October 2016

@davidbot Please send us link to page where you would like to increase this gap then so we can have a look into code closer.

Change the color of the plus sign in the mobile menu

Comments