mobile menu link color

And1887 · May 2016

Hi Muffingroup team,
i need to change the color of the menu links but only for the mobile devices,
how can i do this?

thanks in advance

Albert · May 2016

Hi,

please send us link to page first.

And1887 · May 2016

djschule.net

And1887 · May 2016

also i would like to put a link to the "djiron" in copyright section,
is this possible?

Albert · May 2016

The link you sent above, does not work unfortunately. Gives "Error 404" page only.

And1887 · May 2016

hi, the website was offline for a while, now it should work, please have a look again

Albert · May 2016

Ok, now it works. To change menu items color on mobile only, you need to use extra css:

@media only screen and (max-width: 767px) {
    #Top_bar #menu ul li a span { color: #000 !important; }
}

But to change copyright section, you must put your own content under Theme options > Footer section.

And1887 · May 2016

wow, i´m impressed by your quick responses,
thank you very much.

Albert · May 2016

You are welcome

josephusmith · June 2019

I am having a similar issue. Those code posted above works for mobile, but there is an in-between for tablet view that still has white links. Is there anything i can do about that? (love be theme by the way. i think this is my 5th or 6th site using it!)

http://newfaithfamily.org

UPDATE

I think I figured out the balance on the max width and when i want the mobile menu to activate. One small issue still that i have not figured out yet. There is a + for the submenu activation. That is still white!

Pablo · June 2019

josephusmith

The color of that "+" sign, can be changed only through the CSS

Paste that code into the Theme Options > Custom CSS & JS > CSS

#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle{
	color:black !important;
}

Thanks

mobile menu link color

Comments