Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 1, 2014 at 4:42 pm #311911
    mazerti

    Hi,
    I’ve changed the background and text colour of the top menu using advanced styling but for some reason it only kicks in when shrinking the browser window. I’m using firefox.
    Cheers.

    September 2, 2014 at 2:28 pm #312315
    Yigit

    Hi mazerti!

    That is because you have wrapper your code inside media queries as following.

    @media only screen and (max-width: 990px) {
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
background-color: #000000;
}}
@media only screen and (max-width: 990px) {
#top #header_meta a, #top #header_meta ul, #top #header_meta li, #top #header_meta .phone-info {
color: #ffffff;
border-color: #888888;
}}

    Please change it to following

    #top #header_meta a, #top #header_meta ul, #top #header_meta li, #top #header_meta .phone-info { color: #ffffff; border-color: #888888; }
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul { background-color: #000000; }

    Regards,
    Yigit

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