Disable Scroll when popups like cart, wishlist etc opens

This topic has 7 replies, 3 voices, and was last updated 3 months, 2 weeks ago ago by Gtoon

  • Avatar: Gtoon
    Gtoon
    Participant
    August 5, 2024 at 08:37

    Hi.

    I would like to deactivate the scroll function when users open cart to the right of the page, wishlist, or mobile menu etc.

    I have not been able to find any option to disable this feature so would appreciate the help.

    Thank you in advanced.

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2024 at 08:45

    Hello Gtoon,

    Thank you for contacting us and for using XStore.

    Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

    Furthermore, we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand and help you.

    Thank you for your cooperation.

    Best Regards,
    8Theme’s Team

    Avatar: Gtoon
    Gtoon
    Participant
    August 5, 2024 at 08:53

    Hello,

    you can download the videos from the wetransfer link I have provided.

    The videos show on mobile but we would like the scroll to stop when in those sections on all devices.

    Thank you

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 5, 2024 at 11:03

    Hello @Gtoon,
    We added the next custom CSS (https://prnt.sc/s_kFkIYkSpCr) on your web-site:

    @media only screen and (max-width: 768px) {
     .etheme-elementor-off-canvas--shown {
        overflow: hidden;
    }   
    }

    So, now the window will be locked from scrolling on devices smaller than 768px if the off-canvas content is opened.
    Kind regards,
    Jack Richardson
    The 8theme’s team

    Avatar: Gtoon
    Gtoon
    Participant
    August 5, 2024 at 11:07

    Hello,

    Thank you, yes it is correct but it is only working correct now on mobile, we want it to be like this one all devices, thank you 🙂

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 5, 2024 at 12:10

    Hello @Gtoon,

    Please, check now !
    We removed the CSS media wrapper that limited to make the code work only on small devices.
    @media only screen and (max-width: 768px) {}

    Kind regards,
    Jack Richardson
    The 8theme’s team

    Avatar: Gtoon
    Gtoon
    Participant
    August 5, 2024 at 12:55

    Yes working correctly now thank you very much for the fast support, have a great day 🙂

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

The issue related to '‘Disable Scroll when popups like cart, wishlist etc opens’' has been successfully resolved, and the topic is now closed for further responses

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