Dawn Theme: How to make a section not show up in mobile

Solved

Dawn Theme: How to make a section not show up in mobile

Zakistar
Tourist
6 0 0

Hello and thank you for the people who can help!

I would like to remove this SS:feature section from mobile (only make it seen on desktop)
Photo attached Screenshot 2025-01-22 at 20.24.05.png

 

 

 

website url: https://zakistar-flipflops.myshopify.com/

Accepted Solution (1)

Tech_Coding
Shopify Partner
520 133 131

This is an accepted solution.

Hello @Zakistar 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
     .section-template--24468251115859__ss_feature_1_7BtbWd-settings {
        display: none !important;
      }
}
</style>
RESULT:

Tech_Coding_1-1737538339608.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 4 (4)

Tech_Coding
Shopify Partner
520 133 131

This is an accepted solution.

Hello @Zakistar 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
     .section-template--24468251115859__ss_feature_1_7BtbWd-settings {
        display: none !important;
      }
}
</style>
RESULT:

Tech_Coding_1-1737538339608.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Zakistar
Tourist
6 0 0

Thank you!

ZestardTech
Shopify Partner
6148 1100 1477

Hello @Zakistar,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

@media screen and (min-width: 750px) {
    .section-template--24468251115859__ss_feature_1_7BtbWd-settings {
        display: none !important;
    }
}

 

ZestardTech_0-1737538474792.png


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Rahul_dhiman
Shopify Partner
855 168 186

Hello @Zakistar 

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.section-template--24468251115859__ss_feature_1_7BtbWd-settings {
display: none !important;
}

result
175.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages