Ekstra spacing on mobile

Topic summary

A mobile layout issue is affecting product pages, causing unwanted horizontal scrolling due to extra spacing on the right side of the screen. The problem prevents the page from utilizing the full screen width.

Key Details:

  • The issue appears as additional white space to the right of the content area
  • A product page link was shared for troubleshooting: nordic-case.dk
  • An image was provided showing the problematic spacing marked with a red line

Current Status:

  • The problem is iPhone-specific and does not occur on Android devices
  • Another user confirmed the page displays correctly on their device
  • The discussion remains open as the device-specific nature of the bug has been identified but not yet resolved
Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

On my product page on mobile, there I’ve noticed an issue on the product page. There seems to be extra space on the right side, which causes the page to not fill the entire screen properly. As a result, I can scroll horizontally, which shouldn’t be the case. Please help me fix the layout so that the product page uses the full width of the screen without unnecessary scrolling?

On the right of the red line is the extra spacing that should not be there…

1 Like

@JTMollerup Can you please share this page link?

Hello @JTMollerup

Thank you so much for posting on the Shopify Community! On which mobile device are you facing this issue? I have checked it on my end, and it seems to be working fine.

It seems that the problem is only on iphone.. It works as i should on android.

https://nordic-case.dk/collections/frontpage/products/nordiccase-aluminium-kuffert-solv

It seems like it’s only a problem on iphone.