Different Sections Mobile/Desktop

Topic summary

A user wants to display different section designs for mobile versus desktop versions of their store. Specifically, they need:

  • Multicolumn sections with different layouts between devices
  • Featured collection sections showing more products on desktop than mobile
  • Different spacing/padding for each screen size

A respondent suggests this can be achieved through custom code targeting different screen sizes, noting the solution depends on which specific breakpoints are needed and how much spacing adjustment is required at each point.

The discussion remains open with no complete solution provided yet.

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

Hey got some sections i want to be only on desktop / mobile as i want to have different sections (design of sections) on mobile and desktop

Can someone please help me? Want to be Multicolum to be different on mobile/desktop, as i have to use different padding etc.

Same for Featured collection as i want to show more products on desktop than on mobile..

https://f66a28-c1.myshopify.com/?_ab=0&_fd=0&_sc=1

burtah

That could be done by adding custom code for different Screen sizes. Depends on which screen sizes and how much spacing you need at that point.