How can I adjust the font size for mobile view in Brooklyn theme?

Technical Q&A
1

Hi,

I want to change the font size only on mobile view

Here is my url : Waterlys

Capture d’écran 2021-05-09 131142.png
Capture d’écran 2021-05-09 131142.png2058×870 189 KB

2

Hello,

Welcome to the shopify Community.

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 600px) {
#shopify-section-1620551591f3ef4c85 .rich-text__text--large {
    font-size: 15px;
}
}
3

Thanks a lot

just one thing, what about if I wanna change the font size of this title on PC view using a code ?

Capture d’écran 2021-05-09 142415.png
Capture d’écran 2021-05-09 142415.png1918×798 135 KB

4 
@media only screen and (min-width: 768px) {
#shopify-section-1620551591f3ef4c85 .rich-text__heading--medium {
    font-size: 25px;
}
}
5

@Medy06 Thank you for the update.

6

Thanks to you for your help

1 Like
7

Hello @Hardik29418

I’m having a similar problem with bakebisbees.com mobile header. I tried pasting the code you suggested in the theme.css folder and didn’t have any luck.

8

@Medy06

I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

Also describe your problem in details.