Can mobile and desktop site be slightly different?

Shopify Discussion

Topic summary

Goal: make the mobile version of a new Shopify site (Dawn theme) show less text than desktop, ideally with a “Read more” toggle to reduce scrolling.

Context: The site is live, with four main landing pages shared for review: homepage, indoor infrared saunas collection, outdoor hot tub collections, and outdoor sauna collections.

Suggestions:

  • Request to review the shared URLs to assess long-text sections.
  • Consider an app that supports different layouts for mobile vs. desktop (e.g., Shoppad) to manage content density.
  • Implement a “Read more” button via theme edits (adding CSS/JS). In Shopify, this typically goes in theme.liquid (the main layout file).

Latest update: Guidance was posted to add JavaScript and CSS to theme.liquid to enable the toggle, but the actual code snippets were not included in the message.

Status: Unresolved/ongoing. Key next steps are to either provide/implement the missing CSS/JS for the “Read more” feature or evaluate a mobile-specific layout app based on the shared URLs. Unanswered: preferred approach (custom code vs. app) and exact implementation details.

Summarized with AI on January 8. AI used: gpt-5.
1

Hi all,

it is a new site and just going live, i am using the dawn theme.

on my desktop site i have a lot of information on most pages, but the problem is with my mobile site there is too much text and a lot of scrolling to get through, is there something that can be done differently on the mobile site.

for example show some text and have a read more button?

hope someone can help

Thanks

Ryan

2

Hi @RyanB2
Hope you are doing well
Can you share the store URL so i can check it. & also share the url where the text is long as you mentioned.

3

Hi,

Sometimes plugins offer the solution to have 2 different layouts one for phone/tablet and one for PC.

maybe something like this: https://apps.shopify.com/shoppad?locale=nl

If you want a read more button you can add it in the code.

4

@RyanB2 Can you please send me the store URL?

5

Hi,

Sure it’s actually these 4 my main landing pages

https://feelwelluk.co.uk/

https://feelwelluk.co.uk/collections/infrared-saunas-indoor

https://feelwelluk.co.uk/pages/outdoor-hot-tub-collections/outdoor-hot-tub-collections

https://feelwelluk.co.uk/pages/outdoor-sauna-collections/outdoor-sauna-collections-

6

Hi,

Sure it’s actually these 4 my main landing pages

https://feelwelluk.co.uk/

https://feelwelluk.co.uk/collections/infrared-saunas-indoor

https://feelwelluk.co.uk/pages/outdoor-hot-tub-collections/outdoor-hot-tub-collections

https://feelwelluk.co.uk/pages/outdoor-sauna-collections/outdoor-sauna-collections-

7

Hi @RyanB2
To show the read more button you can add the below codes to theme.liquid at bottom

And add this css before the above script