Mobile view issue

Store Feedback

Topic summary

A Shopify store owner is experiencing a mobile view display issue where the first slide doesn’t render correctly on mobile devices. The desktop version displays properly, but the mobile version shows misaligned or improperly sized content.

Initial Solution Provided:
Moeed offered a CSS fix by adding custom code to the theme.liquid file above the </body> tag. However, the user requested the mobile view match the desktop layout more closely, specifically wanting smaller text and a buy button positioned similarly to the desktop version.

Additional Guidance:
DaisyVo provided comprehensive troubleshooting steps including:

  • Using browser developer tools to inspect mobile view issues
  • Implementing media queries for mobile-specific CSS (@media only screen and (max-width: 768px))
  • Optimizing images for mobile responsiveness
  • Clearing cache to ensure changes reflect properly

Current Status:
The discussion remains ongoing as the user seeks further refinement to achieve the exact desktop-to-mobile layout match they envision. The store URL (Fiorenze.nl) and password were shared for direct troubleshooting.

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

Hey @J2402

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Also, if you can explain your issue in a bit detail then that would be amazing. Your cooperation would be greatly appreciated.

Best Regards,
Moeed