Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I have added the following codes by experts suggestion to add padding for featured collection (Phone only) and decrease the gap between header and image. But after adding the liquid codes interactivity increased 13ms to 80ms. What I can do??
Theme: Prestige
Website: pretty
Code 1: <style>
@media (max-width: 767px){
section#shopify-section-template--22717424009532__featured_product_WNiRzp,
section#shopify-section-template--22717424337212__main {
padding: 20px;
}
}
</style>
Code 2: <style>
@media screen and (max-width: 776px) {
.section-spacing.bordered-section {
margin-block-start: 10px !important;
}
.section-stack {
gap: 0px !important;
}
}
</style>
Hi, @memahmudhassan
Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.