Help with hero text width on mobile version

Store Design
1

Hi, I’m having problems with my hero’s title and subtitle on mobile version. They are too wide and the words don’t fit on the screen. It only happens with the hero section, the rest of the site looks good.

mobilewidth.PNG
mobilewidth.PNG375×807 232 KB

florchmr_1-1629995096399.png
florchmr_1-1629995096399.png333×104 4.85 KB

florchmr_0-1629995022610.png
florchmr_0-1629995022610.png335×174 20.6 KB

Can anyone help?

https://hazmeamarillo.com/

1 Like
2

@florchmr

sorry for that issue please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 768px) {
.hero--adapt .hero__title, .hero__slide .hero__title {
    font-size: 36px !important;
}
}
1 Like
3

@KetanKumar Yesss! It worked :grinning_face_with_smiling_eyes: Thank you so much

1 Like
4

@florchmr

it’s my pleasure to help us