Can someone please help optimise this hero heading for mobile. The words are broken up in the mobile version. Is it possible to adjust the mobile font size?
1 Like
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi, will this preview link do? https://5kawkmpnt9k1wy74-76898500884.shopifypreview.com
1 Like
Hey @tendtome
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >base.css and paste this at the bottom of the file:
@media (max-width: 768px) {
.rich-text__heading.rte.inline-richtext.hxl {
font-size: 25px;
}
}
thank you. i reduced it to font size 38, but it worked. thanks!
@tendtome add below code into base.css file
@media (max-width: 768px)
{
h2.rich-text__heading.rte.inline-richtext.hxl {
font-size: 30px !important;
font-wrap: revert;
}
}
I’m glad it worked for you, please don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed