Does the code work for a landings page with the same problem to ?
Topic summary
A user is experiencing unwanted white space on the sides of a product slider in the Dawn v10 theme. On desktop, white space appears on the right side of the slider. On mobile, instead of white space, adjacent products (next/previous) are partially visible.
Proposed Solution:
A developer provided custom CSS code to be added to the theme.liquid file (below the <head> tag). The code aims to:
- Remove white space on desktop
- Make the product slider full-width on mobile
- Eliminate left-side white space on mobile
Current Status:
The solution partially worked. Desktop display is now fixed, and mobile improved significantly. However, a remaining issue exists: when swiping to the next product on mobile, the previous product remains partially visible through space on the left side.
Another user asked whether the same code solution would work for a landing page experiencing similar white space issues—this question remains unanswered.