How to move header text up on mobile only?

Acid2Rain · ‎01-04-2022

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

Password: ttt

suyash1 · ‎01-04-2022

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

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

View solution in original post

suyash1 · ‎01-04-2022

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

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

Acid2Rain · ‎01-04-2022

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

Joi_Johnston · ‎12-14-2023

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

How to move header text up on mobile only?

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links