How to move header text up on mobile only?

Solved
Acid2Rain
Pathfinder
140 0 45

Hello, I was wondering if it's possible to move the header text up only on mobile? Pic Below

Screenshot_20220104-124716_Chrome.jpg

Website: www.ecogarby.com

Password: ttt

Accepted Solution (1)

Accepted Solutions
suyash1
Shopify Partner
7149 872 1186

This is an accepted solution.

@Acid2Rain - please add this css to the very end of styles.css file and check, adjust number as per need

@media only screen and (max-width: 480px){
.image-with-text-overlay .mobile-text--over-media .caption {top: 38%;}
}

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

View solution in original post

Replies 2 (2)
suyash1
Shopify Partner
7149 872 1186

This is an accepted solution.

@Acid2Rain - please add this css to the very end of styles.css file and check, adjust number as per need

@media only screen and (max-width: 480px){
.image-with-text-overlay .mobile-text--over-media .caption {top: 38%;}
}

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
Acid2Rain
Pathfinder
140 0 45

@suyash1You're awesome!! Thank you so much!