How to change mobile navigation menu background and text colors

  • I have tried many different snippets of code and have yet to change the background and text color of the navigation menu separately for full view and the left pane version when viewed on mobile or small browser. Currently the full view is correct with the navigation text being white, and the header background changing from transparent to blue (#233d7e). I would prefer the left pane view of the navigation menu to have a blue background with white text just as the menu does as you scroll down the page. I can’t seem to find the css which controls only the left pane menu view. Please help!

    Thanks in advance,
    Scott

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author ThemeHunk

    (@themehunk)

    Hello there,

    Use this code in Additional CSS “Appearance > Customize > Additional CSS”

    @media screen and (max-width: 1024px){
.navigation.mobile-menu-wrapper, .navigation ul li a:hover, .navigation .menu .current_page_item a, .navigation .menu li a.active {
background-color: #233d7e;
color:white;
}
#main-menu-wrapper nav li a {
color:white!important;
}
}

    This will work for you.
    For more query related to theme please visit our forum : https://www.themehunk.com/support
    Our technical support team will help you.

    Kind Regards

    Thread Starter scottwichitadj

    (@scottwichitadj)

    Thank you for your response! The code did correct my issue when viewing the website. However, when editing inside the customizer, the left hand menu items are still white on white. This is ok for a free theme, and I appreciate the configuration help. I would expect that this color option be included in the “Customizing > Theme Option > Header Setting” area if I were working with a paid version.

    Theme Author ThemeHunk

    (@themehunk)

    Hello there,

    I have checked your site and menu item are showing perfect at my end, Is your issue resolved, if still you got this issue then share screenshot of problematic area.

    We will check it.

    Kind Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change mobile navigation menu background and text colors’ is closed to new replies.