Images disappear when changing window size and dont show up on mobile

echai · ‎01-29-2024

Hello all,

I am the owner of playtakeadrink.com

On my landing page and product page, on a fullscreen desktop, my images appear as intended, however, once I make my browser window smaller OR access the website on mobile, neither of the images appear. I haven't found a solution online so far and this is upsetting me. Please see the attached

video link

https://www.awesomescreenshot.com/video/24464122?key=d76369356dcbc1e3bbbebe5cc794408d

ThePrimeWeb · ‎01-29-2024

Hey @echai,

Please try this and let me know if it works 😊

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media screen and (max-width: 999px) {
  .slideshow__image-wrapper_split.slideshow__image-wrapper--secondary_split.hidden-pocket {
    display: block !important;
  }
}

</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎01-29-2024

Hey @echai,

Please try this and let me know if it works 😊

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media screen and (max-width: 999px) {
  .slideshow__image-wrapper_split.slideshow__image-wrapper--secondary_split.hidden-pocket {
    display: block !important;
  }
}

</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

echai · ‎01-29-2024

Hi ThePrimeWeb!

Thank you so much for your quick reply. That ended up fixing my issue on the landing page, however on mobile my product images are still not appearing?

Any further ideas?

ThePrimeWeb · ‎01-29-2024

Let me explain in pm. It's abit tricky

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

ThePrimeWeb · ‎01-29-2024

I can't PM you. Can I ask who installed the carousell for you, or was it you? There are some bugs on it. If you can PM me, send me a message, It's going to be a lengthy chat.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

echai · ‎01-29-2024

Hey! Not sure how to PM, but id appreciate any help! I had help from a Fiverr designer to build this website. If you can help me fix my issues ill totally buy you a coffee my friend

ThePrimeWeb · ‎01-29-2024

Click on my profile and see if you have the send message button, if not just mail me at [hiddenemail] (my spam mail, I don’t wanna reveal my actual one here haha, I’ll send u real mail via that)

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Images disappear when changing window size and dont show up on mobile