Shopify themes, liquid, logos, and UX
i dont know if i ask this question in the right place but i have a problem with my mobile site. on desktop it works fine but on mobile i have a horizontal scroll from left to right but only on the product pages not on the main page. i tried everything but i cant figure it out is there someone who can help ? i already tried a couple of things but i dont have the theme.scss file anywhere. thanks in advance
Solved! Go to the solution
This is an accepted solution.
Hello @theThings ,
I checked your page and found that the cause of this issue is due to the size of the table.
You could please try using my below solution:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.product__description.rte .ife-detail-decorate-table {
overflow-x: auto;
}
</style>
For example,
Best regards,
GemPages Support Team
Could you share your store URL? Then I can review it
Can you share your store password as well
i send it to you in a private message thanks in advance i appreciate it
Add this code to at the bottom of Edit code > assets > base.css file
html{
overflow-x: hidden;
}
unfortunately it didn't work it still moves from left to right i don't know if i did it correctly i added a screenshot of how i edited the code
Hello @theThings ,
It's GemPages support team and glad to support you today.
Could you please share your protect store password then I can see and suggest something for you?
Best regards,
GemPages Support Team
This is an accepted solution.
Hello @theThings ,
I checked your page and found that the cause of this issue is due to the size of the table.
You could please try using my below solution:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.product__description.rte .ife-detail-decorate-table {
overflow-x: auto;
}
</style>
For example,
Best regards,
GemPages Support Team
thank you so much it worked perfectly on the first page so the led crystal lamp:) i am very happy with this thanks @GemPages @ExpertRookie . i am gonna be a little annoying haha but the second page so the bonsai led tree still does the horizontal scroll can i fix that also with this code ? again many thanks
Hi @theThings
checked your page on my phone, but didn't see the problem.
Hello @theThings ,
I checked and found that the bonsai led tree page has still shown normally.
Could you please double-check again? If the issue was still there, let's screenshot your end in order for I can have more information.
Best regards,
GemPages Support Team
Yes its fixed thanks to you your solution 🙂 i looked at the other page and i saw a couple things that would interfere. So i deleted it and now its working fine. But at first the code you gave me only worked on the first page.
Hi, I'm facing a similar issue on my productpage on mobile: https://www.stickerpet.com/products/stickerpack-custom-stickers. Would be great if you could help me out.
Thanks in advance.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025