Remove image banner section from Mobile Mode- Dawn Theme

Store Design
, , ,

Topic summary

A user working with Shopify’s Dawn theme wants to hide an image banner section on mobile devices while keeping it visible on desktop.

Solution provided:

  • Add custom CSS to the end of the base.css file
  • Use a media query targeting screens with max-width of 749px
  • Apply display: none and visibility: hidden to the specific section ID

Outcome:

  • The solution was successfully implemented
  • User confirmed it resolved their issue
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hello Everyone!

I am using the Shopify Dawn theme. I don’t want to put this image banner section in mobile mode, but want to put the image banner section in desktop mode. Is it possible to remove it in mobile mode and keep it in desktop mode?

Please help me. Thank you.

Store URL: https://dream-tech-zone.myshopify.com/

Password: Admin

406427793_2649113135238129_9199353399074115893_n.jpg
406427793_2649113135238129_9199353399074115893_n.jpg1080×1782 103 KB

2

@dreamtechzone_5 - please add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
section#shopify-section-template--21560647647511__b91ccb66-05f5-4e4d-b34f-1009ea41f71e {
display: none; visibility:hidden;}
}
3

Thank you so much.