I want to show the collections that I have on the bottom of my desktop page only there. I do not want it to appear on my mobile site. www.shopcuzzo.com
Hello @Mrstep
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
@media screen and (max-width: 749px) {
.section-collection-list .page-width {
display: none !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @Mrstep
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
@media screen and (max-width: 768px){
section#shopify-section-template--23623344161057__collection_list_zeEG7M{
display: none !important;
}
}
This code will be applied to the section under your Home page. Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
