Navigation
Archive / Mobile menu styling (when you have a transparent header in desktop view)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 23, 2016 at 8:29 pm #1006292
    nikolasa
    Participant

    Heya we have a transparent header on our site but would like it to change to have a background when viewed in a mobile device. I’ve attached what we are currently seeing. Any suggestions?

    May 23, 2016 at 10:34 pm #1006513
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    May 24, 2016 at 4:25 am #1006869
    nikolasa
    Participant
    This reply has been marked as private.
    May 24, 2016 at 4:26 am #1006871
    nikolasa
    Participant
    This reply has been marked as private.
    May 24, 2016 at 5:01 am #1006908
    Christian
    Moderator

    Hey there,

    Please add the code below in your Appearance > Customize > Custom > CSS.

    @media (max-width:979px) {
    .site .x-navbar {
        background: rgba(0,0,0,0.5) !important;
    }
}

    Hope that helps. 🙂

    May 24, 2016 at 9:13 pm #1008348
    nikolasa
    Participant

    OMG! I love you Christian! Thanks!!!

    May 24, 2016 at 11:13 pm #1008456
    Prasant Rai
    Moderator

    On behalf of my colleague, you are most welcome! Have a wonder day!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1006292 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>