Mobile Header & Carousel Issues on XStore Theme

This topic has 6 replies, 3 voices, and was last updated 1 week ago ago by Andrew Mitchell

  • Avatar: Muffle
    Muffle
    Participant
    April 9, 2026 at 09:47

    Hi XStore Support Team,

    I am using a new website with the XStore theme. I noticed a few mobile-specific issues that need adjustments:

    Mobile Header Layout:
    Currently, the mobile header shows the menu, brand logo, and cart in two separate lines.
    I want all three elements (menu button, brand logo, and cart) to appear in one single line, just like a proper responsive header.
    Please adjust the layout so that it looks neat and aligned in mobile view.
    Carousel Container Issue:
    The top “carousel everything” container disappears while scrolling on mobile.
    On desktop, it stays visible as expected, but on mobile, it gets hidden during scroll.
    I want this container to remain visible while scrolling on mobile, similar to how the header behaves.

    I’ve attached screenshots for reference showing the two-line header and the missing carousel issue. Please help adjust the mobile responsiveness for both header and carousel.

    Thanks in advance for your support.

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    5 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    April 9, 2026 at 13:22

    Hi,

    Thank you for reaching out to us.

    1/ https://prnt.sc/M2ICWo23qZLW

    2/ Please provide screenshots or a video.

    Warm Regards,
    The 8Theme Team

    Avatar: Muffle
    Muffle
    Participant
    April 9, 2026 at 15:56

    Hi XStore Support Team,

    Thank you for fixing the mobile header layout, it is working perfectly now.

    Regarding the second issue, I am sharing screenshots instead of a video for clarity.

    There is a top container (the one with “carousel everything” as shown in the screenshot). Currently, this container disappears while scrolling.

    What I need is:
    This container should remain sticky during scroll, just like the header.

    When scrolling on mobile and desktop, the header is already sticky.
    I want this top container (above the header, as shown in the screenshot) to also stay visible and stick along with the header during scrolling.

    Please check the attached screenshot for reference. I have highlighted the exact container that needs to be sticky.

    Kindly enable this behavior for both mobile and desktop view.

    Thank you for your support.

    Files is visible for topic creator and
    support staff only.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 9, 2026 at 16:21

    Hi,

    You’re welcome!
    We’ve made changes for you. Please clear cache and check the result.

    Warm Regards,
    The 8Theme Team

    Avatar: Muffle
    Muffle
    Participant
    April 9, 2026 at 17:03

    I have checked the changes, and it looks great now. Thank you so much for your support.

    Could you please share how you implemented this? A short video or step-by-step explanation would be really helpful for my reference.

    Thanks again for your assistance.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 10, 2026 at 10:39

    Hi,

    You’re welcome!

    We’ve added one container for 2 header containers, changed this https://gyazo.com/8693ddf3ef59ad6079ca3f4c2781033d to https://prnt.sc/VEOXr_MDDRn2

    Warm Regards,
    The 8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.