Navigation
Archive / setting a different background image for the mobile menu drop down list
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 30, 2017 at 5:27 am #1350546
    appletreeweb
    Participant

    Hi

    I have added a background to the main menu bar to my site, which looks great however when viewed on a mobile this is applied to the background of the mobile menu and looks odd, I would prefer to have this just as a colour background no image. How do I set this out to specify this in my child custom css?

    thanks in advance!

    January 30, 2017 at 5:27 am #1350548
    appletreeweb
    Participant
    This reply has been marked as private.
    January 30, 2017 at 5:32 am #1350552
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 979px){
    .x-navbar {
        background-image: none !important;
    }
}

    Hope it helps 🙂

    January 30, 2017 at 6:17 am #1350597
    appletreeweb
    Participant

    Perfect, you guys are the best support! thank you so much! One other thing, is it possible to have the word Menu next to the 3 line mobile icon that comes up at the top of the mobile page to make it more clear its a menu to click on?

    January 30, 2017 at 6:38 am #1350619
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    a.x-btn-navbar:after {
    content: "Menu"
}

    Hope it helps 🙂

    January 30, 2017 at 6:50 am #1350628
    appletreeweb
    Participant

    Excellent- thank you!!!!! 🙂

    January 30, 2017 at 7:11 am #1350650
    Thai
    Moderator

    You’re most welcome 🙂

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