Main image mobile not showing

Technical Q&A

Topic summary

A Shopify theme issue where product images fail to display above the slider on mobile devices, while appearing correctly on desktop.

Problem Details:

  • Main product image missing on mobile view
  • Desktop display functioning normally
  • Screenshot provided showing the mobile layout issue

Solution Provided:
Add CSS code to the theme’s base.css file:

.wrapper-images {
    z-index: 1111 !important;
}

Steps:

  1. Navigate to Online Store > Themes > Actions > Edit Code
  2. Open Asset > base.css
  3. Paste the CSS at the bottom of the file

Status: Resolved - the CSS fix successfully corrected the mobile display issue.

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

When going on mobile the product image is not shown above the slider, but on desktop it is. How can i fix that?

thijmenvdijk_0-1737456796711.png
thijmenvdijk_0-1737456796711.png535×781 41 KB

2

Hello @thijmenvdijk ,

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?

3

Yes ofcourse.

https://www.pretty-paws.nl/

4

Hello @thijmenvdijk ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.wrapper-images {
    z-index: 1111 !important;
}

ZestardTech_0-1737458242249.png
ZestardTech_0-1737458242249.png979×649 77.5 KB

Let me know if you need further assistance!

5

Thank you very much! That is it.