I want to reduce the size of my collections titles on mobile only

[imazele]

Hi, 

I want to reduce the size of my collection title in my collection page on mobile only. (I want it to be at 20px)

Thanks

[Rahul_dhiman]

Hello @imazele 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.collection-hero__title {
font-size: 20px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[imazele]

On mobile only not on desktop please!

[Rahul_dhiman · Accepted solution]

Remove previous code and add this code:-

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (max-width: 768px) {
.collection-hero__title {
    font-size: 20px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[topnewyork]

Hello,
Please share "Store URL"
Thanks!

[steve_michael2]

Hi @imazele '

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:767){
.collection-hero__title {
    font-size: 20px !important;
 }
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!