Dawn - hide product-collection from mobile

Store Design
1

Hi,

I’m using the Dawn 2.0 theme. I have a section “featured collection” I want to keep on desktop version but remove or hide from the mobile version.

How can I do that?

Thanks

2

Hi @Ben1000 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@Ben1000

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi @KetanKumar , @AvadaCommerce

wortheattt.myshopify.com

Thanks

5

Hi @Ben1000 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 767px) {
    #shopify-section-template--14593416101941__1645895189bf0b1a3e {
        display: none !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

Hi @AvadaCommerce

Thank you, it works.

Is it possible to disable a section from mobile or desktop without adding a code in the bottom of base.liquid?

Because this solution might slow the page load