Navigation
Archive / Responsive nav bar menu is 'whiting out' when scrolling down the page on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 10, 2016 at 4:20 am #1209630
    leehart09
    Participant

    Hi!

    When viewing my website on mobile or tablet, I’ve found that you can see the list of menu items fine until you scroll down a little, and then everything ‘whites out’ becoming transparent I guess.

    Is this something to do with having the search bar in the nav bar?

    October 10, 2016 at 4:21 am #1209635
    leehart09
    Participant
    This reply has been marked as private.
    October 10, 2016 at 5:23 am #1209698
    Thai
    Moderator

    Hi There,

    To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 979px){
    .x-navbar-fixed-top, 
    .x-navbar-fixed-top .x-navbar-inner {
        height: auto;
    }
}

    Hope it helps 🙂

    October 11, 2016 at 2:54 pm #1211975
    leehart09
    Participant

    That worked perfect! Thank you so much.

    I can’t believe how good the X Support team is – you have been so helpful while I’m putting my site together. I’m a complete newbie, with no experience but thanks to you guys, and the ‘X’ theme my site is almost ready to launch and I’m really happy with it! Thanks again! 🙂

    October 11, 2016 at 5:49 pm #1212148
    Jade
    Moderator

    You’re most welcome and thank you for the kind words. 🙂

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