Return to previous page

On the mobile portrait, the order review form flashes to the right side after loading

This topic has 6 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Jack Richardson

Sam

Participant

August 29, 2024 at 14:44

Hi,

On the mobile portrait, the order review form flashes to the right side after loading the checkout page and then goes to normal.

How to fix the problem?

Wetransfer Platform Download link:
https://we.tl/t-N31nbJNPsG

Thank you.

Files is visible for topic creator and
support staff only.

#412218 Copied Theme version: 9.3.18

5 Answers

Jack Richardson

Support staff

August 29, 2024 at 15:48

Dear @Sam,

I hope this message finds you well.

I would like to inform you that by default, Elementor loads the styles for each widget in the footer, which requires some time to fully load. To enhance the user experience on your website and prevent any visible flashes, we have implemented custom CSS on the Checkout page. You can view the changes here: https://prnt.sc/dnzfgkCyIog8. This adjustment ensures a smoother visual experience when accessing the Checkout page from mobile devices.

Thank you for your attention to this enhancement.

Best regards,
Jack Richardson
The 8Theme Team

#412238 Copied

Sam

Participant

August 29, 2024 at 17:20

Hi,

I add this CSS code to “Edit checkout page(Multistep) Custom CSS” area on the checkout page.

Is it correct?

It is because I checked that is not working.

Thank you very much.

Files is visible for topic creator and
support staff only.

#412257 Copied

Jack Richardson

Support staff

August 30, 2024 at 08:48

Dear @Sam,

I hope this message finds you well.

We have successfully implemented the CSS for the page as per the screenshot provided https://prnt.sc/dnzfgkCyIog8. Additionally, we have conducted thorough testing on various mobile devices and confirmed that the current setup presents no issues.

Upon review, it appears that the CSS modifications you applied to the Checkout widget are unnecessary. We kindly request that you remove this CSS from the Checkout widget. Please also ensure that all caches are cleared thereafter to reflect these changes.

Thank you for your attention to this matter. Should you have any questions or require further assistance, please do not hesitate to contact us.

Best regards,
Jack Richardson
8Theme’s Team

#412312 Copied

Sam

Participant

August 30, 2024 at 16:21

Hi, thank you very much.

On the mobile portrait, the shopping cart page has the same problem, the order review form flashes to the right side after loading, but it doesn’t happen every time, but it happens intermittently.

I have deleted all caches before checking.

Wetransfer Platform Download link:
https://we.tl/t-GWnB2cRSQJ

Can you help me to fix this problem again?

Thank you very much.

Files is visible for topic creator and
support staff only.

#412413 Copied

Jack Richardson

Support staff

August 31, 2024 at 08:57

Hello @Sam

We implemented the same CSS solution previously added for Checkout page on your web-site. Could you please, clear all caches and check now ?

Kind regards, Jack Richardson

#412488 Copied
Tagged: best selling, flashes right side, loading issue, mobile portrait, order review form, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)