Reduce the font size of each collection title on Collection Page

[liu_x_trujillo1]

Hi,

I'd like to reduce the font size of each collection name on the mobile version. Please help!

https://embroidtale.com/collections

[Sangeetanahar]

hello @liu_x_trujillo1 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>
add the code end of the file

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

#shopify-section-template--23250736513342__main p.h3 {
font-size: 14px !important;
}
}

result

Buy me a Pizza

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

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @liu_x_trujillo1 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (max-width: 600px) {
.collection-card__content p.h3 {
    font-size: 12px !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Made4uo-Ribe]

Hi @liu_x_trujillo1 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 550px){
#shopify-section-template--23250736513342__main p.h3 {
    font-size: 14px;
}
}

And sve. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!