Empire Theme: Mobile Product Page Margin Problem

est_creates · ‎01-22-2024

Hi guys,

I'm having trouble with a margin issue on our product page, but only when I view it on mobile.

I think the culprit might be the Affirm messaging, but I'm not sure. Would anyone be able to lend a hand? I'd really appreciate it!

Dan-From-Ryviu · ‎01-22-2024

Go to your store admin > Online store > Themes > Edit code > open theme.liquid file, add this code after <head> element, save file and check

<style>
@media (max-width: 749px) {
html, body { overflow-x: hidden; }
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎01-22-2024

Go to your store admin > Online store > Themes > Edit code > open theme.liquid file, add this code after <head> element, save file and check

<style>
@media (max-width: 749px) {
html, body { overflow-x: hidden; }
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

est_creates · ‎01-22-2024

Hi Dan, thanks for this code. It plugged that gap perfectly, but weirdly, the Affirm messages got cut off. Any idea how to fix that? Would be a huge help!

Wholesalehelper · ‎01-22-2024

Hi, @est_creates

Greetings from the Wholesale Helper Support Team! Happy to help you today.

Please provides us the page Url and password (if store password is enabled) , so that we can analyse the problem .

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

Wholesale helper- Supercharge your Wholesale and B2B business

If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center

Empire Theme: Mobile Product Page Margin Problem

Empire Theme: Mobile Product Page Margin Problem

Wholesale helper- Supercharge your Wholesale and B2B business

Community Blog Articles