Help Make collection font size smaller and cantered on mobile view

Solved
Emurph35
Excursionist
36 0 13

Hello 

Please can someone help me to make the collections title font Centered and smaller on mobile view, it appears to only appear like this on large iPhone screen (12 Pro Max):

39E738CD-A1A6-4C3B-AFBB-33AC831CB798.jpeg

URL is https://now-lashes.myshopify.com/  Password is Thoffo 

 

Thank you

dmwwebartisan
Shopify Partner
8570 2007 2710

This is an accepted solution.

@Emurph35 

Please add the following code at the bottom of your assets/cutom.css file.

@media only screen and (max-width: 767px){
.collection-grid-item__title.h3 {
    text-align: center;
    font-size: 13px !important;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Emurph35
Excursionist
36 0 13

Thank you very much!

0 Likes