How can I hide a section on mobile using the Dawn theme?

Shopify Discussion
1

Hi everyone, I am using Dawn theme and I am trying to hide a section on mobile version but no success so far, its the 4th section image is attached, I would be thankful. store link is https://sjcomputersllc.myshopify.com/ password:nopiam

what I tried is

div#shopify-section-template--16746580541721__56ea1509-a542-4d69-af9d-7d852abc1130.shopify-section.section{
  display: none !important;
}
@media only screen and (max-width: 749px){  
  div#shopify-section-template--16746580541721__56ea1509-a542-4d69-af9d-7d852abc1130.shopify-section.section{
    display: block !important;
  }
}
1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media (max-width: 768px) {
section#shopify-section-template--16746580541721__56ea1509-a542-4d69-af9d-7d852abc1130 {
display: none!important;
}
}
3

thank you @ZestardTech for a quick response, I tried but it’s not working still the section is visible.

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the top of the file:
@media (max-width: 768px) {
section#shopify-section-template--16746580541721__56ea1509-a542-4d69-af9d-7d852abc1130 {
display: none!important;
}
}
2 Likes
5

thanks alot @ZestardTech it worked :slightly_smiling_face:

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

1 Like
7

Hi @Ihtisham ,

This is Victor from PageFly - Landing Page Builder App.
You can go to Online store => themes => actions => edit code and add this code on file base.css

@media screen and (max-width: 767px){
div#shopify-section-template–16746580541721__56ea1509-a542-4d69-af9d-7d852abc1130.shopify-section.section{
display: none !important;
}
}

Hope this answer helps.
Best regards,

Victor | PageFly

1 Like