This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

2
  1. Greg Priday Staff 10 years, 2 months ago

    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;
}
  2. trainshed 10 years, 2 months ago

    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.

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.

Have a different question or issue?

Start New Thread