Hide a section for mobile and for desktop || symmetry theme

Topic summary

A user is seeking help with CSS customization for the Symmetry theme on their Shopify store. They need to:

  • Hide the first testimonial section on desktop view
  • Hide the second testimonial section on mobile view

The request includes their store URL and two screenshots (likely showing the current layout on different devices). This appears to be a responsive design issue requiring CSS media queries to selectively display/hide content based on screen size.

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

As I said, we need to hide the first testimonial section on the desktop, and the second for mobile.

My store link is: https://gioto-1308.myshopify.com/

Can you help me?

Thanks a lot