Shopify themes, liquid, logos, and UX
Hi there, my shopify page is moving from left to right on mobile:
https://wildhoney.shop/products/thread-square-neck-jumpsuit-sleeveless-slim-fit-tank-top-summer-shap...
Its only with this product, I guess its because of some variants but I want to keep all of them.
Is there a solution to this?
Thank you
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
@media (max-width: 767px) {
#MainContent {
padding: 0 20px;
}
}
</style>
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hello AnneLuo,
thank you for your quick reply. It worked!
However my problem is now that the Product Slider Image is not taking the whole width of the page like before and there is white space left and right... is there any way to avoid this?
Thank you!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025