brooklyn theme - change rich text font size in mobile view

Solved
Highlighted
Trailblazer
150 4 21

hi,

Is it possible to change the Rich Text section font size for the heading and text in mobile view. 

it looks fine on desktop but on mobile the text looks to big. 

 

rich text.png

thanks

 

jess

1 Like
Highlighted
Shopify Partner
7507 1037 2603

This is an accepted solution.

@jtan 

Thansk for post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

media screen and (max-width: 768px) {
.rich-text__heading--large {
    font-size: 21px;
}
.rich-text__text--large {
    font-size: 15px;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Trailblazer
150 4 21

thanks as always ketan

0 Likes
Highlighted
New Member
2 0 2

hello, can you please tell me how can i stick rich text heading to the section above, italicize that same heading. I am trying to make it mobile friendly, so if you can give me code for mobile. 1 more problem is that heading doesn't go full width on mobile because i centered that section (rich text). theme is debut, page is http://www.carppy.com so you can check it yourself

1 Like
Highlighted
Shopify Partner
7507 1037 2603

Hello, @Kristijan 

Thanks for post 

sorry, but i don't understand what do you what exactly can you please explain to the screenshot.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

Hi can you help me make the font look smaller on Mobile I have debut theme. It looks good on desktop. Website is arvadashop.com your help is appreciated thx!

1 Like
Highlighted
Shopify Partner
7507 1037 2603

@esme8914 

Thanks for post 

let me know which one did you smaller font?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

no so on mobile it looks bigger. But on desktop it looks normal please help me with  mobile.

0 Likes
Highlighted
Shopify Partner
7507 1037 2603

@esme8914 

which section do you have to reduce the font size on mobile?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes