Home Forums Space themes support forum Horizontal scroll

Horizontal scroll

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #426308

    idanyashar
    Participant

    Hi I’m want to insert this nav menu to the header in the “header bottom” section. Why it doesn’t scroll left right in the header?
    It is scrolling in a page: https://tecnocell.co.il/scroll/

    Can you help me fix it to scroll in the header please ๐Ÿ™‚ ?

    Attachments:
    You must be logged in to view attached files.
    #426311

    idanyashar
    Participant

    I want it to scroll in mobile please

    #426534

    idanyashar
    Participant

    Hi guys. Anything?
    For further clarification, the horizontal navigation menu is placed in the Home page in the mobile view (โ€œheader bottomโ€ section) and the problem is the navigation doesn’t scroll left or right.

    #426566

    Luke Nielsen
    Keymaster

    Hello,

    Sorry for the delay.

    I see that this menu element is not related to our theme, in this case, could you please check how it works with the default WordPress theme? Just to understand whether the issue with our theme is or not.

    I await your response.

    Kind Regards

    #426601

    idanyashar
    Participant

    Hi, I have inserted your “Mega menu” and it does scroll now ๐Ÿ™‚ but not fully. It stops to scroll after 3 menu items. Why is that?

    #426707

    Luke Nielsen
    Keymaster

    Most likely it doesn’t scroll due to the wrong custom CSS code that you have defined for that menu:

    https://prnt.sc/qewsXstoMJKV

    So please try to change it or make the custom via Theme Settings -> Custom CSS and recheck the issue.

    Kind Regards

    #426778

    idanyashar
    Participant

    Please check this page out
    https://tecnocell.co.il/scroll/
    I’m using your mega menu + css classes from your theme (xts-nav-wrapper xts-nav-product-tabs-wrapper xts-mb-action-swipe)

    In mobile view, the menu at the header doesn’t fully scroll and in the body of the page I placed the same menu and it works perfectly.

    Can you look at it and help me? Why the menu does not scroll horizontally IN THE HEADER. thank you.

    #426933

    Luke Nielsen
    Keymaster

    Hello,

    Please add the below code to the “Custom CSS for mobile” area in Theme Settings -> Custom CSS.

    .xts-header-bottom .xts-mega-menu {
        width: 100%;
        max-width: 500px;
    }

    Results: https://gyazo.com/a348e76d680591da27271ef390e0449e

    Kind Regards

    #426941

    idanyashar
    Participant

    Amazing! Bless you! Thank you ๐Ÿ™‚

    #426944

    Luke Nielsen
    Keymaster

    You are welcome!

    In case you need any additional help, Iโ€™d be more than happy to assist you.

    Have a good day!

    Kind Regards

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Horizontal scroll’ is closed to new replies.