Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 26, 2016 at 1:08 pm #572061
    communi_cat

    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.

    January 26, 2016 at 1:38 pm #572070
    Yigit

    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

    January 26, 2016 at 2:13 pm #572093
    communi_cat

    Hey,

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

    • This reply was modified 8 years, 10 months ago by communi_cat.
    January 26, 2016 at 2:19 pm #572099
    Yigit

    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

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