Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi
I can’t find an option to change the colours of the responsive menu. Can you help please?
Thanks
Hi Trainshed
Good to hear from you. The responsive menu isn’t currently customisable but you can make a few small adjustments using Custom CSS:
For example, try decrease the opacity of the mobile menu background you can use:
/* Mobile Nav - Set Background Opacity */ .mobile-nav-frame { background: rgba(34,34,34,0.5) !important; }0.5 above is the opacity.
For a more complete list of selectors, try the following:
/* Mobile Nav */ .mobile-nav-frame { background: rgba(34,34,34,0.5) !important; } .mobile-nav-frame .title h3 { color: white !important; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8) !important; } .mobile-nav-frame ul { background: #212121 !important; border: 1px solid #111 !important; } .mobile-nav-frame ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; } .mobile-nav-frame ul li a.link { color: #F3F3F3 !important; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7) !important; }Hi Greg
Thanks for your prompt assistance.
That did what I needed. I just had to add:
.mobile-nav-frame .title {
background: #002255 !important;
}
To change the color of the top Menu bar.
I’ve been meaning to do some reading or a course of CSS so that I can help myself in future. Too many other calls on my time at present though.
Once again thanks.