Support » Theme: Sinatra » Sub menu drop-down background color

  • I have tried to search for someone asking this question, but can’t find anyone with the exact issue. I have seen the mobile menu background with solutions to that, but I want to know if there is a way to make the sub menu hover drop down’s not have a white background. I have themed my website with a grey background and red lettering which looks good on grey, but is hard to read on white. Is there a way (maybe a CSS I can enter) to make the background of the sub menu drop down not be white?

    Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Branko

    (@brankoconjic)

    Hey @travisdee95,

    You can try with this CSS:

    .sinatra-nav .children, 
    .sinatra-nav .sub-menu {
      background: #000; /* background color */
    }
    
    .sinatra-nav .children li:hover>a, 
    .sinatra-nav .sub-menu li.current-menu-ancestor>a, 
    .sinatra-nav .sub-menu li.current-menu-item>a, 
    .sinatra-nav .sub-menu li:hover>a {
        color: #fff !important; /* change active link color */
    }

    Add the CSS into the Additional CSS field in Appearance » Customize.

    Thanks!

    • This reply was modified 3 months, 2 weeks ago by Branko.
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.