Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 5, 2017 at 3:28 pm #885098
    acamediamarketing

    Hello,
    I have an issue with my mobile dropdown menu as it is very difficult to see it. I want to keep the current color and transparency of the normal menu and therefore only change the color of the mobile menu.
    Right now i have this code for the main menu:

    #top .sub-menu {
    background: rgba(183,91,82,0.7) !important;
    }
    .sub-menu, .sub-menu * { background: transparent !important; }

    Do you have a CSS to change the mobile menu without interfering with the computer menu?

    Thank you,
    Andreas

    December 5, 2017 at 3:28 pm #885100
    acamediamarketing

    Webpage: http://www.sylvestplus.dk

    December 6, 2017 at 8:33 am #885427
    Rikard

    Hi,

    You should be able to control that if you place the CSS inside a media query like this:

    @media only screen and (max-width: 767px) {
  #top .sub-menu {
    background: rgba(183,91,82,0.7) !important;
  }
  .sub-menu, .sub-menu * { 
    background: transparent !important; 
  }
}

    Just change the values to your preferred colours.

    Best regards,
    Rikard

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