[helpme]

Hi, on my site perfecting50.co.uk the title is not reducing on the iPhone and therefore the blogs below do not expand to the width of the screen. Is there any CSS code I can add to make this work instead of making a child theme since I don’t know how to do that and that is a bit scary ? Your help would be much appreciated. Thank you

[Mahesh]

Hi @helpme.

I’ve checked your site, you’ve add some Custom CSS for Site Title and Site Description font size. You have used only one rule so the font-size stays the same for all devices (desktop or mobile). Please add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

@media screen and (min-width: 421px) and (max-width: 570px) {
    .site-title {
        font-size: 55px;
    }
    .site-description {
        font-size: 30px;
    }
}
@media screen and (max-width: 420px) {
    .site-title {
        font-size: 40px;
    }
    .site-description {
        font-size: 24px;
    }
}

Regards,
Mahesh

[helpme]

Hi Mahesh, that is brilliant thank you very much.

[Mahesh]

Hi @helpme,

Thank you for your appreciation.
Have a nice day.

Regards,
Mahesh

[Author]

Posts