Navigation
Archive / stretch custom background image for mobile menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 13, 2016 at 7:44 am #879910
    wmagroup
    Participant

    Hi,

    I have used some custom code in CSS to get a custom background image in the header which is perfect on desktop.
    The issue is when the mobile menu is activated the image isn’t responsive and the thin light blue line doesn’t shift to the bottom of the menu. (hope that makes sense)
    The site is http://www.wma.com.au
    Are you able to advise if its possible for that imaage to shift to the bottom of the mobile menu or if there is a better way to have the two colour header.

    Thanks.

    April 13, 2016 at 12:50 pm #880499
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 979px){
    .x-navbar {
        background-position: bottom;
    }
}

    Hope it helps 🙂

    April 14, 2016 at 1:18 am #881542
    wmagroup
    Participant

    Perfect! Thanks so much.

    April 14, 2016 at 4:37 am #881862
    Paul R
    Moderator

    You’re welcome! 🙂

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