FROM CACHE - en_header

How to reduce margin

Solved
Acid2Rain
Pathfinder
119 0 42

Hello, I was wondering how I can reduce the top margin of "Are you tired of finding...." only on mobile? Picture Below

 

Screenshot_20211124-102214_Chrome.jpg

 website: www.ecogarby.com

Pass: sss

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10736 2343 3336

This is an accepted solution.

@Acid2Rain 

Please add following css code your assets/styles.css botttom of the file.

@media only screen and (max-width: 480px){
.image-with-text-overlay .mobile-text--below-media.has-border .caption-content {padding: 0px 30px 30px 0px !important;}
.image-with-text-overlay .mobile-text--below-media .caption {margin-top: 0px !important ;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
10736 2343 3336

This is an accepted solution.

@Acid2Rain 

Please add following css code your assets/styles.css botttom of the file.

@media only screen and (max-width: 480px){
.image-with-text-overlay .mobile-text--below-media.has-border .caption-content {padding: 0px 30px 30px 0px !important;}
.image-with-text-overlay .mobile-text--below-media .caption {margin-top: 0px !important ;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Acid2Rain
Pathfinder
119 0 42

@dmwwebartisan Thank you so much! You're awesome!