Menu color and appearance on Mobile Device

DinoBravo10 · February 2019

Good Day, please assist with my menus in Mobile version.

1. The sub menus do not appear in mobile version and i wish to change the colors of the header and menus for it to be clear. Tried in under Colors>Menus>

https://prnt.sc/mf8qzi

2. Note the sub menus under normal view.

http://prntscr.com/mf8ukt

Kind Regards

Pablo · February 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

DinoBravo10 · February 2019

Hi Pablo,

See link http://www.sereneadventures.com/

Kind Regards

Pablo · February 2019

Hi,

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

@media (min-width:767px){
	#Top_bar #menu ul {
		margin-top:-20px;
	}
}

@media (max-width:1240px){
	#Top_bar #menu ul {
		background:white !important;
	}
	
	
	#Top_bar #menu ul li a{
		color:red !important;
	}
	
	#Top_bar #menu ul li.current_page_item a{
		color:blue !important;
	}
}

Thanks

DinoBravo10 · February 2019

Thanks Pablo,

Worked perfect.

Regards

Menu color and appearance on Mobile Device

Comments