How to change font size for one section only

Solved
Tourist
11 0 1

Hi!

 

I was wondering how I would be able to change the font size of one section only. On the last section of the home page, above the footer, the "@laurenbrodaufcollection" gets cut off into two lines when viewing on mobile, so I want to decrease the size of the font. Can someone help?

 

Thanks!

0 Likes
Shopify Partner
152 37 58

Hey @Lauren_brodauf0

 

Would be happy to provide you with a solution but your storefront is password protected. 

 

Also ran into this with your last post and haven't been able to provide a solution. The password you provided is not correct.

 

Can help you right away if you would provide a password to your store so I can view the homepage. 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
0 Likes
Tourist
11 0 1

store is laurenbrodauf.com, password is " gleetu "

0 Likes
Highlighted

Success.

Shopify Partner
152 37 58

@Lauren_brodauf0 

 

Go to Online Store > Themes > Actions > Edit Code. Look for the Assets folder > theme.scss.liquid

 

Scroll to the very bottom of the theme.scss.liquid file and paste this: 

 

@media only screen and (max-width: 749px) {
.template-index .section-header .h2 { font-size: 16px; line-height: 22px; }
}

 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
1 Like
Tourist
11 0 1

THANK YOU!! 

1 Like