Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2016 at 6:50 am #598189
    pantoni

    Hi guys

    To make the glassy header a little darker I have added the following CSS. This works fine on desktop, however on mobile menus I would like it to display white (#FFFFFF), not the 60,60,60 grey color.

    ———————————
    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(60,60,60,0.3);
    }
    ———————————
    Is there a work around for this?

    Cheers

    March 16, 2016 at 6:14 am #598781
    Rikard

    Hey pantoni,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    March 16, 2016 at 6:26 am #598789
    pantoni

    Hi Rikard

    Please see below.

    thanks

    • This reply was modified 8 years, 9 months ago by pantoni.
    March 17, 2016 at 4:34 am #599402
    Jordan

    Hi!

    Try the following CSS to change the color on mobile only:

    @media only screen and (max-width: 767px){
#top .av_header_glassy.av_header_transparency #header_main {
background-color: #FFFFFF;
}
}

    Cheers!
    Jordan

    March 17, 2016 at 4:54 am #599414
    pantoni

    Thanks Jordan

    That worked!

    cheers

    March 17, 2016 at 6:32 am #599451
    Jordan

    Hi!

    Glad I could be of assistance!

    Cheers!
    Jordan

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