Not able to change the background color on mobile-menu

  • Resolved ninaelina

    (@ninaelina)


    4 years, 11 months ago

    I’m working on this site and been able to do everything else, but not the mobile menu’s customization with custom CSS. Would like to change the awful turqoise colour & the font size. Went through the whole style.css and tried everything I could think of. I’m a beginner, but still done several things with custom css, can’t figure out what’s the problem now. For exemple tried this:

    .mobile-menu {
    font-size: 75%;
    background-color: #1E587C;
    color: #FFFFFF;

    }
    So, so happy if somebody could help…

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

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

  • Hi @ninaelina,

    There’s an inline CSS rule that’s setting that slide-out menu bg colour.

    
#slide-out-widget-area {
    background-color: #27CCC0 !important; /* Try to override this. */
}

    See if you can change that inline or add another override rule to your custom CSS. Don’t think the latter will work, but you can always try.

    Here’s the font-size CSS.

    
#slide-out-widget-area .inner .off-canvas-menu-container li a {
	font-size: 36px; /* Change this. */
}

    Good luck!

    The css for the menu is a inline style:

    #slide-out-widget-area,
#slide-out-widget-area-bg.fullscreen {
    background-color: #27CCC0 !important;
}

    Because it is inlined there might be a setting somewhere in your WordPRess admin!? Maybe check out the customizer (Appearance > Customize)? Or maybe the side menu is a plugin that has some settings?

    Thread Starter ninaelina

    (@ninaelina)

    Thank You both – so much. So happy, managed to override that by custom CSS.
    Have a best weekend & stay safe!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not able to change the background color on mobile-menu’ is closed to new replies.