How to reduce margin on mobile? Flex Theme

Solved
Acid2Rain
Explorer
50 0 17

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
Nick_Marketing
Shopify Partner
831 197 248

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!

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.

View solution in original post

Replies 3 (3)
Nick_Marketing
Shopify Partner
831 197 248

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!

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.

View solution in original post

Acid2Rain
Explorer
50 0 17

@Nick_MarketingThank you so much! You're awesome!

Nick_Marketing
Shopify Partner
831 197 248

@Acid2Rain 

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

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.