Solved

How to reduce margin on mobile? Flex Theme

Acid2Rain
Pathfinder
140 0 45

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)

Nick_Marketing
Shopify Partner
1487 336 462

This is an accepted solution.

Try adding this code to the bottom of styles.css

 

@media only screen and (max-width: 479px) {
 
.caption.text-align-left.align-middle .caption-content.text-align-center {
  padding-top:0;
}  
  
 .caption.text-align-left.align-middle {
  margin-top: 0;
}
}

 

You can adjust the margin/padding to your preference.

I hope the answer was helpful!

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 3 (3)

Nick_Marketing
Shopify Partner
1487 336 462

This is an accepted solution.

Try adding this code to the bottom of styles.css

 

@media only screen and (max-width: 479px) {
 
.caption.text-align-left.align-middle .caption-content.text-align-center {
  padding-top:0;
}  
  
 .caption.text-align-left.align-middle {
  margin-top: 0;
}
}

 

You can adjust the margin/padding to your preference.

I hope the answer was helpful!

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
Acid2Rain
Pathfinder
140 0 45

@Nick_MarketingThank you so much! You're awesome!

Nick_Marketing
Shopify Partner
1487 336 462

@Acid2Rain 

Thanks for the follow-up! I'm glad the solution worked.

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).