Shopify themes, liquid, logos, and UX
Can anyone fix this slide I don't want that slide there I had implemented it in description, but I don't want here
URL: RedPandaoutdoor.com
Solved! Go to the solution
This is an accepted solution.
Hi @Emiway,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
@media only screen and (max-width: 600px) {
.section.section-blends.section-full {
overflow: hidden !important;
}
#shopify-section-template--15191599874120__custom_liquid_PNFHYB .section.section-blends.section-full {
overflow: scroll !important;
}
}
@Emiway oh sorry for this issue can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
#shopify-section-template--15191599874120__main .section {overflow: hidden;}
Hi @Emiway,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
@media only screen and (max-width: 600px) {
.section.section-blends.section-full {
overflow: hidden !important;
}
}
Working but I want this description to be slidable
URL https://redpandaoutdoor.com/products/alpha-wire
Hi @Emiway,
Please add code:
@media only screen and (max-width: 600px) {
#shopify-section-template--15191599874120__custom_liquid_PNFHYB .section.section-blends.section-full {
overflow: scroll !important;
}
}
Now First Problem Came Back
Hi @Emiway,
Do you have an ID for it?
No Where To Find?
This is an accepted solution.
Hi @Emiway,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
@media only screen and (max-width: 600px) {
.section.section-blends.section-full {
overflow: hidden !important;
}
#shopify-section-template--15191599874120__custom_liquid_PNFHYB .section.section-blends.section-full {
overflow: scroll !important;
}
}
- Here is the solution for you @Emiway
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<style>
@media only screen and (max-width: 600px) {
.section.section-blends.section-full {
overflow: hidden !important;
}
}
</style>
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hi @Emiway
Please add this CSS to for product template. If this works please mark it as the solution and like it. thanks
@media (max-width: 767px) { .section.section-blends.section-full { overflow-x: hidden; overflow-y: auto; } }
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024