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

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

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

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 on theme.liquid

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

RESULT:

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

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;
    }
}

Let me know if you need further assistance!

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

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

Thank you!