-
AuthorPosts
-
October 4, 2025 at 5:42 pm #1489862
Hello,
I am working on an ecommerce web site and there is a shopping cart icon on lower right. When I click on the cart icon, shopping cart floats from the right. But, once the cart floats, my main page moves slightly right. Is there any way to fix this? Thank you….
October 6, 2025 at 6:52 am #1489874Hey a_edemirci,
Thank you for the inquiry.
This seems to be an issue with a custom css style from the cart plugin.
body.xoo-wsc-cart-active { padding-right: 15px; }Try to override it with this css:
body.xoo-wsc-cart-active { padding-right: auto; }Please make sure to purge the cache before checking the page.
Best regards,
IsmaelOctober 6, 2025 at 10:40 am #1489881Hello Ismael,
Thank you. But, that CSS code was written after I wrote here and before you replied to fix the problem. It is not the cause. After that code, main page does not move anymore. Still, it moves when the page is visited on the phone in the landscape mode. It has something to do with the resolution. I could not find a universal solution that prevents main page to move when side cart floats in all possible resolutions….
October 7, 2025 at 6:46 am #1489910Hi,
Thank you for the update.
This is what happens when we toggle the css rule — you’ll notice how the document moves when we turn it on and off. The issue is definitely caused by the css rule. Please check this short video:
Best regards,
IsmaelOctober 7, 2025 at 8:55 am #1489921Thank you. Any way to fix it and prevent shifting at any resolution? Thank you….
October 8, 2025 at 7:05 am #1489946Hi,
Thanks for following up.
You need to remove the css code or override it with this css rule.
body.xoo-wsc-cart-active { padding-right: auto; }Let us know how it goes.
Best regards,
IsmaelOctober 8, 2025 at 9:44 am #1489954Hello,
I removed all CSS related to cart and overrode it with your code. I even added !important, but main page shifted again when I clicked cart icon. Sorry, but it did not work.
Thank you….
October 9, 2025 at 7:15 am #1489973Hi,
The css modification was still in place when we checked. Where exactly did you add the css? Please try to override it in the Quick CSS field using the css rule we provided above and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings.
Best regards,
IsmaelOctober 12, 2025 at 2:12 pm #1490075Hello Ismael,
I did what you said and it does not work. I am leaving the CSS code as you suggested for you to check. I also disabled file compression in the preferences. You will see that main page still shifts when cart button is clicked.
Thank you….October 12, 2025 at 2:32 pm #1490078Hi,
Try this css:body.xoo-wsc-cart-active, html.xoo-wsc-cart-active { overflow: visible !important; }After applying it clear your browser cache and check.
Best regards,
MikeOctober 13, 2025 at 11:26 am #1490119Hello Mike,
This one fixed the problem. Thank you….
October 13, 2025 at 4:11 pm #1490130 -
AuthorPosts
- You must be logged in to reply to this topic.

