Why doesn't my homepage slideshow fit the mobile screen?

Topic summary

  • Mobile issue: Homepage slideshow on the Narrative theme doesn’t fit the screen on mobile, while desktop displays correctly.

  • Proposed fix: Add a custom snippet in theme.liquid (Online Store > Edit Code > theme.liquid) placed above the tag. This appeared to correct the slideshow sizing on mobile.

  • Evidence: Before/after images were shared, indicating the slideshow fit after the change. The exact code content was not provided in the thread.

  • New problem: After applying the fix, the drop-down navigation menu (drop-menu) stopped working on mobile.

  • Status: Partially resolved. The slideshow fit issue was addressed, but the fix introduced a regression affecting the menu.

  • Next steps (implied need): Identify or adjust the added code to avoid conflicts with the mobile drop-down menu, or use an alternative approach that preserves menu functionality. No final solution posted yet; discussion remains open.

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

Hey @monawie

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