Dear Sirs,
Have a great moments
I need help a few days ago !!
I put a section of promo banner visible on Desktop , but I want hidden mobile
I made a section of promo banner carousal , but I want it hidden on the desktop
Data:
Theme : Basel 3.0
Promo banner : 5 heading
Promo banner carousal : one heading
attached photos
King Regards,
JAWAD
@jawadabbas
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
@jawadabbas - have you created and added both banners to the website? using custom css we can achieve what you want, can we have chat about your project please?
Hi @jawadabbas ,
Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.
So that we can help you.
thanks for your reply , can we hidden section on desktop and make it visible on Mobile?
what is process for this?!
thanks for all reply
https://dubaikum2.myshopify.com/
password:jawad123
you will see to banner for Burjdubai one for mobile and anther for desk top
best regards and thanks for reply
@jawadabbas - please add the given css to the very end of your main.min.css file and check, should look like screenshots below
@media screen and (min-width:750px){
div#shopify-section-16494777077641fb4b{display: none; visibility:hidden;}
}
@media screen and (max-width:749px){
div#shopify-section-1649472741aaa8489c{display: none; visibility:hidden;}
}
The solution worked perfectly. Thank you for your professional cooperation
