How to center align Header Title just on Mobile?

Store Design
1

Is there a way I can center align my header title just on mobile? Picture Below

Screenshot_20211126-134751_Chrome.jpg
Screenshot_20211126-134751_Chrome.jpg1080×2220 271 KB

Website: www.ecogarby.com

Pass: sss

2

hii, @Acid2Rain
Paste this code on top of the style.css file.

@media only screen and (max-width: 749px){
.caption-content.text-align-left {
    text-align: center !important;
}
}

Thank You.

1 Like
3

Hi @Acid2Rain ,

Go to Assets > styles.css and paste this at the bottom of the file:

@media only screen and (max-width: 480px){
	.image-with-text-overlay__banner .caption-content {
		text-align: center !important;
	}
}

Hope it helps!

4

@Zworthkey Thank you so much!!!

5

Hi @Acid2Rain ,

Not spam, but with my code, it works better. because when you use max-width: 749px, it may not work well with a screen below 749px, when the caption is still above the image.

Just a suggestion to check.

Thank you.

1 Like
6

@LitExtension Thank you!! I’ll be using the code you provided :wink: Much appreciated!

1 Like