Hide section on mobile but keep it visible on other devices

[reflectionlinge]

Hello 

I am using Dawn theme and trying to make my website more good looking so I wanted to keep few sections on Laptop/Desktop but hide on Mobile in same way wanted to keep few sections visible on Mobile view but hide on laptop / dekstop so could you please help me how can I do that.

Thank you

[dws_pvt_ltd]

Please share your store URL and password. So that I will check and let you know the exact solution here.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[reflectionlinge]

Here is my store URL and there is no password 
https://reflectionlingerie.com/

[dws_pvt_ltd]

Please let me know, Which section you want to show on the desktop and hide from the mobile?

[reflectionlinge]

[reflectionlinge]

if you say I can give you coloborator access for faster and easier for you.

[dws_pvt_ltd]

Yes sure.

[Moeed]

Hey @reflectionlinge 

Can you share your store URL and tell me that which section would you like to hide for desktop and which section would you like to hide for mobile?

Best Regards,

Moeed

[reflectionlinge]

https://reflectionlingerie.com/

[Moeed · Accepted solution]

Hey @reflectionlinge 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
section#shopify-section-template--24084645118235__image_banner_zcAPxt {
    display: none !important;
}
}
@media screen and (min-width: 768px) {
section#shopify-section-template--24084645118235__image_banner_Pk4MU3 {
    display: none !important;
}
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[reflectionlinge]

Hello My Dear, 

Could you help with same for this page also : https://reflectionlingerie.com/pages/join-our-wait-list

[dws_pvt_ltd]

Please update that CSS you put it into the "theme.liquid".

@media screen and (max-width: 767px) {
section#shopify-section-template--24084645118235__image_banner_zcAPxt,
section#shopify-section-template--24189296738587__image_banner_bL3yRd {
    display: none !important;
}
}
@media screen and (min-width: 768px) {
section#shopify-section-template--24084645118235__image_banner_Pk4MU3,
section#shopify-section-template--24189296738587__image_banner_9FhWiP {
    display: none !important;
}
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.