Shopify themes, liquid, logos, and UX
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.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025