Return to previous page

Disable auto scroll effect in checkout page

This topic has 5 replies, 4 voices, and was last updated 1 months ago ago by Andrew Mitchell

Mario :)

Participant

July 30, 2024 at 05:25

Hi 🙂

On checkout page, when clicking on next step button such as “Continue to shipping”, the page scroll to top on mobile. And, I want to disable it.

Please let me know how to do it.

Btw I added the credentials in private.

Regards,
Mario 🙂

Please, contact administrator
for this information.

#407704 Copied Theme version: 9.3.16

4 Answers

Rose Tyler

Support staff

July 30, 2024 at 08:00

Hello Mario,

Thank you for reaching out to us with your query.

Could you please record a video of your actions and the issue?

Best Regards,
8Theme’s Team

#407744 Copied

Mario :)

Participant

August 12, 2024 at 03:14

Hi Rose,

Thank you for the reply and sorry for the delay.
Screen recording added in private.

Regards,
Mario 🙂

Please contact administrator
for this information.

#409877 Copied
Jack Richardson

Support staff

August 12, 2024 at 08:05
Dear @Mario,

I hope this message finds you well.

We have reviewed the video you provided, but unfortunately, there are no available options to disable scrolling on specific devices only yet. As an alternative solution, we suggest reordering the columns so that the order details appear at the bottom on mobile devices. Could you please share your thoughts on this proposed implementation?

You can view the expected result by following this link: https://prnt.sc/ZAZy4EaWSxyv.

If this solution meets your approval, you may implement it using the following custom CSS:
```
@media only screen and (max-width: 768px) { 
    .etheme-elementor-cart-checkout-page-column.last:first-child {
        order: 1;
        margin-bottom: 0;
        margin-top: var(--rows-gap, 30px);
    }
}
```
We look forward to your feedback.

Best regards,
Jack Richardson
The 8Theme Team
#409908 Copied
Andrew Mitchell

Support staff

August 13, 2024 at 03:58

Dear Mario :),

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#410009 Copied
Tagged: checkout page scroll control, control checkout scroll woocommerce, disable woocommerce auto scroll, improve woocommerce checkout experience, stop auto scroll woocommerce, woocommerce checkout page customization, wordpress woocommerce scroll settings
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Disable auto scroll effect in checkout page’' has been successfully resolved, and the topic is now closed for further responses

Disable auto scroll effect in checkout page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection