The slideshow and footer on the mobile homepage are not fully displayed

Store Design

Topic summary

A user reports display issues with the Dawn theme on mobile devices: the slideshow only shows the middle portion instead of the full image, and the footer changes from a horizontal row to a vertical column layout.

Proposed Solutions:

  • Two community members provided CSS code fixes to address the slideshow display problem
  • One solution involves adding code to the theme.liquid file below the <head> tag
  • Another suggests adding CSS to the base.css file with specific media queries and object-fit properties

Current Status:

  • The slideshow issue has been resolved using the provided CSS code
  • The footer column layout remains unresolved
  • One responder explained that the footer displays in columns on mobile due to limited screen space, suggesting this may be intentional responsive behavior rather than a bug

The discussion includes screenshots showing the issues and code implementation, though the footer problem still requires a solution if the user wants it displayed differently.

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

Hey @newsendy_alc ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

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

ThePrimeWeb_0-1712659813454.jpeg
ThePrimeWeb_0-1712659813454.jpeg1253×933 87.9 KB