How can I fix slideshow images not displaying properly on mobile?

Topic summary

Slideshow images were not displaying fully on mobile, while appearing correct on desktop. The poster asked if the issue stemmed from Canva-sourced images or a Shopify setting.

Access details were requested to inspect the store. The store was password-protected; after a brief query about retrieving it, the URL and password were provided.

A community member advised a theme-level fix:

  • Go to Online Store > Edit Code
  • Open theme.liquid (the theme’s main layout file)
  • Add a custom code snippet just above the tag

A code block and a result image were shared as the core of the solution, though the exact code content was not visible in the post.

Outcome: The poster confirmed the change resolved the mobile slideshow display issue. No further issues were raised. The thread is resolved, with an offer for additional help if needed.

Summarized with AI on January 9. AI used: gpt-5.

Good day I have recently started on shopify and when I was designing the shop I found that my slide show images are not showing the full images on mobile and yet on the desktop they look perfect.

Is the problem my images that I got on Canva or is it something I can fix inside shopify? Please advise on how I can remedy this problem

2 Likes

Hey @CasleyDon1

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. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hi Moeed

I the stored is password protected when I access it via the url how can I recover it so I can send it to you

https://4446e6-3.myshopify.com/

Password: totwil

Send me the password as well so I can help you with the code!

Password: totwil

Hey @CasleyDon1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you so much I was able to fix it

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like