Dawn Theme - Collection Title is Centered on Desktop but Not on Mobile

Store Design
1

I noticed the title on my collection page is centered on desktop, but not on mobile. Can someone please help me fix this?

Website: www.kittie-treats.com

2

@melimiya Hello add this css in Assets > base.css bottom of file

@media only screen and (max-width: 749px) {

.collection-hero__title {
text-align: center;
}

}

3

Hi Kazi,

Thank you for your quick response! I tried the code and, unfortunately, it didn’t work, however, I was able to figure out that if I go to component-collection-hero.css and add:

text-align: center;

underneath

.collection-hero__title {
margin: 5rem 0 0;
}

to become

.collection-hero__title {
margin: 5rem 0 0;
text-align: center;
}

It worked like a charm!