Solved

How to hide a section on desktop while keeping it enabled on mobile?

cdgerard
Shopify Partner
43 2 3

Hello,

 

How can I hide a section in Desktop but keep enabled on mobile?

DAWN theme.

The Section is Multicolumn, on the Home page.

I believe this is the ID: shopify-section-template--17621732491523__multicolumn_RG4RWg

 

Here is the link to the demo site and the section is located at the bottom above the footer titled ALL ABOUT US (8 images on top of each other):

 

Accepted Solution (1)
AnneLuo
Shopify Partner
426 87 80

This is an accepted solution.

Here

AnneLuo_1-1714465953717.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

View solution in original post

Replies 6 (6)

AnneLuo
Shopify Partner
426 87 80

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  @media screen and (min-width: 750px) {
    .multicolumn {
        display: none;
    }
  }
</style>
 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
cdgerard
Shopify Partner
43 2 3

Thanks but this hides all Multi columns!

I only want 1 multi column hidden, which is (I think) 

shopify-section-template--17621732491523__multicolumn_RG4RWg

 

Can you help with this?

AnneLuo
Shopify Partner
426 87 80

Okay. got it.

Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the multi column you want hidden and add the code to custom css box

 

  @media screen and (min-width: 750px) {
    .multicolumn {
        display: none;
    }
  }

 

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
cdgerard
Shopify Partner
43 2 3

Sorry which file should this code be added to?

 

Section-multicolumn.css ?

 

And where would the code be placed?

AnneLuo
Shopify Partner
426 87 80

This is an accepted solution.

Here

AnneLuo_1-1714465953717.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
cdgerard
Shopify Partner
43 2 3

Works, thanks very much!