Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1212738
    fatheaddrummer
    Participant

    Hi There,

    Another question: Soon I will be finished and can’t stop annoying you with so many questions.
    Thank you very much for everything so far!

    Related URL for all questions: https://www.diamond-precision-studio.com/de/online-drummer-de/

    1. Can we make the onepage navigation bar sticky also on mobile and tablet? Currently it’s only sticky on desktop mode. (Global setting and not only for this page, because I am using different onepage navigation menus on different onepages)

    2. When opening the onepage navigation menu on mobile, i cannot scroll down to the end of the menu. When I try to scroll down the menu it will just lead me to one of the links, but I can’t see the end of the menu…can we enable scrolling, or make the menu smaller? I don’t know what’s the better solution.

    3. Can we move my logo in the navbar just a little bit to the right, so it doesn’t conflict with superfly menu?

    Thank you VERY much!

    Best, Christian

    #1213137
    Rupok
    Member

    Hi Christian,

    Let me try to answer these.

    #1 & #2 & #3. You can add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 979px) {
    .x-navbar-fixed-top {
      height: 400px;
      overflow-y: scroll;
      position: fixed;
    }
    .x-navbar.x-navbar-fixed-top .x-brand {
      margin-left: 40px;
    }
    }

    You can change the height to your preferred value.

    Hope this helps.

    #1214383
    fatheaddrummer
    Participant

    Hello Rupok,

    This is really great, thank you very very much!!
    1. Unfortunately now there appears another problem: When I open the menu toggle (white toggle on left side)
    I cannot close it any more….could you give it a try?

    2. The logo indeed moved to the right place, but it only moves, when I open the menu toggle…could we move it also before the toggle is opened?

    Thank you so much!

    Best, Christian

    #1214631
    Paul R
    Moderator

    Hi Christian,

    To fix it, kindly change the code to this.

    
    @media only screen and (max-width: 979px) {
    .x-navbar-fixed-top {
      max-height: 400px;
      overflow-y: scroll;
      position: fixed;
    }
    .x-navbar .x-brand {
      margin-left: 40px;
    }
    }
    

    Hope that helps.

    #1214818
    fatheaddrummer
    Participant

    Thanks, that works great!! 🙂 Best, Christian

    #1215019
    Rahul
    Moderator

    Great!

    Let us know if we can help with anything else.

    Thanks for using the X-theme!

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