Pipeline theme - mobile view - remove padding to the right of screen

Topic summary

A user reports an issue with the Pipeline theme on mobile devices where the top portion of the screen can be swiped left, revealing unwanted white space along the right side. This padding issue disappears when scrolling down but affects every page including landing and product pages.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.css file
  • Add CSS code at the bottom to hide horizontal overflow on the body element

The discussion includes screenshots demonstrating the white space issue. A solution has been offered but the thread appears to remain open pending confirmation of whether the fix resolves the problem.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi guys,

On mobile view, my website appears fine at first, but the top part of the screen can be swiped to the left showing a white space all the way down the right side. This is only at the top part, if I scroll down then the white space disappears.

Can someone please help me to remove this padding? This is also on every page (landing, product)

Hello @Tony1992 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.css file and paste the following code at the bottom:

body { 
    overflow-x: hidden !important;
}