Hamburger / Mobile Menu Background Color

  • Resolved pcwzrd13

    (@pcwzrd13)


    4 years, 8 months ago

    Is there a way to change the background color of the mobile navigation menu? Currently it’s white with white text so obviously that doesn’t work well. I can change the color of the text but I want it to be white. I found another post with someone that have the same issue but the CSS posted there didn’t work for me. I’m on the latest version of the theme.

    Here’s the site:
    https://test.dreamcastlive.net/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Branko

    (@brankoconjic)

    Hey @pcwzrd13,

    Sinatra v1.1.3 will be released today, that version will fix the white text on white background issue.

    If you want to have white text with different background color, you can use the following CSS code:

    .is-mobile-menu-active #page:after {
    background-color: #000 !important;
    opacity: .6;
}

.is-mobile-menu-active #sinatra-header-inner .sinatra-nav > ul > li > a {
    color: #FFF !important;
    border-bottom-color: rgba(255,255,255,.1);
}
 
.sinatra-is-mobile #sinatra-header-inner .site-navigation {
  background-color: #000;
  border-top-color: rgba(255,255,255,.2);
}

    You can add the CSS code into the “Additional CSS” field in the Customizer.

    Let me know if that worked for you.

    Thread Starter pcwzrd13

    (@pcwzrd13)

    The CSS fixed it! Thanks! I’ll update to the new version of the theme when it’s released and let you know if that fixes it as well.

    Thread Starter pcwzrd13

    (@pcwzrd13)

    I just updated to the new version of the theme but it didn’t seem to fix the hamburger menu white text on white background issue. The CSS still works fine though.

    Edit: Nevermind! For some reason it didn’t update the first time. Tried again and now it works. Thanks again!

    • This reply was modified 4 years, 8 months ago by pcwzrd13.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hamburger / Mobile Menu Background Color’ is closed to new replies.