Solved

Can I modify font size on mobile view in Brooklyn theme?

Medy06
Tourist
39 0 3

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

Accepted Solution (1)
Hardik29418
Shopify Partner
2859 407 1073

This is an accepted solution.

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 7 (7)

Hardik29418
Shopify Partner
2859 407 1073

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;
}
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Medy06
Tourist
39 0 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

Hardik29418
Shopify Partner
2859 407 1073

This is an accepted solution.

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Hardik29418
Shopify Partner
2859 407 1073

@Medy06  Thank you for the update.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Medy06
Tourist
39 0 3

Thanks to you for your help

bakebisbees
Tourist
5 0 10

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. 

 

 

Hardik29418
Shopify Partner
2859 407 1073

@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.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email