Home>Support>Change BG Colour of Mobile Nav

Change BG Colour of Mobile Nav

By jidavies, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

I’m trying to find how I can change the background colour of the mobile navigation, I notice there seems to be no way to add it into Custom CSS?

Any advice would be great?

Jamie

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jamie

    The mobile nav isn’t any the Customizer right now. If you’d like you can insert the following under Appearance > Custom CSS and make changes where required:

    /* Mobile Nav */

.mobile-nav-frame {
background: #222222 !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;
}

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More