How can I hide specific sections on mobile or desktop view?

On the store I am currently working on (eldorado-tcg.de), I have a slideshow section I would like to hide on Desktop, and two multicolumn sections I would like to hide on Mobile. However, my current theme (Dawn) has no native option for responsive sections.

I have tried some solutions I found on the shopify boards here, but I feel like I am copying the wrong section ID, thus applying the code to the wrong sections.

Could someone help me with this?

@LeonFuchs - you want to hide this on desk only?

Yes, exactly, and hide these two sections on mobile only:

@LeonFuchs please add this css to the very end of your base.css file and check

//to hide on desktop

@media screen and (min-width: 750px){
#shopify-section-template--16002301952238__16433679788a9221d9{display: none; visibility:hidden;}
}

//to hide on mobile
@media screen and (max-width: 749px){
#shopify-section-template--16002301952238__16473530601f6d2a8b{display: none; visibility:hidden;}

#shopify-section-template--16002301952238__16473536113ff6a16e{display: none; visibility:hidden;}

}

It worked perfectly, thank you so much!

May I direct message you to ask one more question?

@LeonFuchs - yes please, you have my email below

Thank you very much, I’ve sent you an email :slightly_smiling_face:

@LeonFuchs - ok, waiting for the email.

@LeonFuchs not received mail yet, can you please resend?

Yes, I will resend it, hold on

@LeonFuchs _ I replied back, somehow your email had went into spam folder

@suyash1 Thank you so much for your help, it worked perfectly!

I have one more question that I have sent you via email, but other than that I am now basicly finished designing my store thanks to you!

Can I do anything for you, like leave a positive feedback somewhere?