Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #572061

    Hi,

    I have set up my header to run logo above and menu below and used the following css to change the colour of the menu container:

    #header_main_alternate {
    background-color: #fff;
    }

    When the site gets to the 989 breakpoint for mobile the menu background colour changes back to black. I have tried using the following css to keep the menu area white when it gets lower than 989px but it does not seem to work:

    @media only screen and (max-width: 989px) {
    #header_main_alternate {
    background-color:#fff !important;
    }
    }

    Please help.

    #572070

    Hey!

    Please try using the code as following

    @media only screen and (max-width: 989px) {
    #header_main_alternate {
    background-color: #ffffff !important;
    }
    }

    if that too does not help, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    #572093

    Hey,

    Yea, tried that still didn’t work I have created temp details as requested.

    • This reply was modified 8 years, 2 months ago by communi_cat.
    #572099

    Hey!

    You had one unclosed media query (the one at the top) in your Style.css file of your child theme. I closed it, please review your website now

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.