Shopify themes, liquid, logos, and UX
Dear expert community,
I would like to find a way to hide the gift card section on my home page when people are visiting the website on Mobile : www.joyamada.com
I have looked into posted topics without finding my way around - would you know how to fix this ?
many thanks ahead !
Vanina
Solved! Go to the solution
This is an accepted solution.
Hello @VSom
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
section#shopify-section-template--14720616595505__featured_product_4GeqLW {
display: none !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
@VSom Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
@media (max-width: 768px){
.section-spacing.color-scheme.up-background-picto.up-no-sticky {
display: none !important;
}
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
This is an accepted solution.
Hello @VSom
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
section#shopify-section-template--14720616595505__featured_product_4GeqLW {
display: none !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hello,
Go To Online store then chose edit code open your theme.css file and paste the following code at the end and save.
@media only screen and (max-width: 768px) {
#shopify-section-template--14720616595505__featured_product_4GeqLW {display: none;}
}
Hello @VSom ! Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your section file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.
@media screen and (min-width: 768px) {
section.shopify-section.shopify-section--up-featured-product-with-bg {
display: none;
}
}
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025