Tagged: x
-
AuthorPosts
-
October 12, 2016 at 5:26 am #1212738
fatheaddrummerParticipantHi 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
October 12, 2016 at 11:11 am #1213137
RupokMemberHi 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.
October 13, 2016 at 4:38 am #1214383
fatheaddrummerParticipantHello 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
October 13, 2016 at 8:34 am #1214631
Paul RModeratorHi 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.
October 13, 2016 at 10:12 am #1214818
fatheaddrummerParticipantThanks, that works great!! 🙂 Best, Christian
October 13, 2016 at 12:19 pm #1215019
RahulModeratorGreat!
Let us know if we can help with anything else.
Thanks for using the X-theme!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1212738 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
