Re: How to move header text up on mobile only?

Solved

How to move header text up on mobile only?

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)

suyash1
Shopify Partner
9561 1195 1536

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%;}
}

 

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

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
9561 1195 1536

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%;}
}

 

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

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

Joi_Johnston
Excursionist
20 0 4

Hi, I ran into the same issues. I don't have a  styles.css file. Can I put this code elsewhere? Thank you!!!