After adding some code interactivity increased

memahmudhassan
Excursionist
26 0 9

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>

MAHAMUD H.
Replies 2 (2)

AnneLuo
Shopify Partner
597 120 122

Hi, @memahmudhassan 

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

memahmudhassan
Excursionist
26 0 9

Screenshot 2024-05-28 144226.png

MAHAMUD H.