Solved

How To Reduce Padding?

Mitesh3
Explorer
87 0 14

I Want To Reduce Padding From Header And From The Middle Of Search bar & Images.

My URL:- driptrove.com

IMG_20240409_185147.jpg

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1090 312 265

This is an accepted solution.

Hi @Mitesh3 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1712673631659.png

 

 

<style>

@media (max-width: 767px){

.announcement-bar {

    padding: 8px !important;

}

div#shopify-section-pxs_image_with_text_overlay_NrYTjk {

    margin-top: 10px !important;

}}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Reply 1 (1)

PageFly-Henry
Shopify Partner
1090 312 265

This is an accepted solution.

Hi @Mitesh3 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1712673631659.png

 

 

<style>

@media (max-width: 767px){

.announcement-bar {

    padding: 8px !important;

}

div#shopify-section-pxs_image_with_text_overlay_NrYTjk {

    margin-top: 10px !important;

}}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.