Making Collection Titles Smaller - Debut Theme

Solved
Tourist
24 0 0

Hi everyone!

 

I'm trying to make the font size for my collection titles smaller, mainly for the mobile view.

 

I believe this may require custom code as I have looked through all the presets and can't seem to find a way to alter the text for the collection titles alone without changing other font sizes. Also, I am currently using the Debut theme.

 

Any suggestions would be greatly appreciated!

 

Thanks!

0 Likes
Highlighted

Success.

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
.collection-grid-item__title.h3 {
    font-size: 15px;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

Shopify Partner
1125 90 137

Hi @,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

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

.collection-header h1 {
font-size: 18px;
}

}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
24 0 0

Thank you so much for the response. This worked perfectly!

0 Likes
Tourist
24 0 0

Thank you so much for the response. This worked perfectly!

0 Likes