Help please! My mobile site is all jumbled in the product selection section. When I preview the mobile version in my admin online store, it looks fine. Also, if I turn my phone sideways and then back upright it fixes itself. I have tried on two different iPhones and same issue.
Topic summary
A user is experiencing a layout issue on their mobile site, specifically in the product selection section.
Key Details:
- The mobile preview in the admin panel displays correctly
- The problem occurs on multiple iPhones
- Rotating the device to landscape and back to portrait temporarily fixes the layout
Current Status:
The issue remains unresolved with no responses yet. This appears to be a rendering bug that may be related to viewport initialization or CSS media queries not triggering properly on initial page load.
Lindsay what is the site url?
Password: rtiara
Hmm I’m not seeing anything wrong on mobile. You have a hero banner with “Shop All” button, and “Featured Favs” section which is a scrollable slideshow. And then the newsletter section.
If you click on a product and scroll down to the size/colors, does it show correctly? That is where it is jumbled.
Thank you! Do you have an iPhone? I tried on both of my iPhones and same issue. But if I rotate the phone and then back upright, it fixes itself.
I’m on Samsung. I also inspected on desktop in iPhone view and no issues. Maybe it’s just a caching thing on your device.
One thing though… Add to Cart and Buy it Now. Why both? The Buy it Now button goes straight to the checkout page, it’s a matter of preference but I think you should get rid of it, and just stick to the Add to Cart button, and maybe have a pull out cart drawer.
Thank you so much!! The Buy It Now just came with the theme, I will definitely look into that. I appreciate you
1 Like