[Resolved] shorten the mobile fonts

[Sanu Kumar]

I want to shorten the mobile fonts also the headings

[Tom]

Hi there,

Are you trying to reduce their font size? If so, some of our font options have that option, and some don’t. You can tell by looking for this icon next to the option: https://www.screencast.com/t/FV9WnS76tW

If an option doesn’t exist for what you need, just let us know which element you’re trying to target and we can provide some CSS.

[Sanu Kumar]

I am trying to reduce the size of the font for the body by selecting mob icon but it affects my desktop version too…that means when I reduce the size of the font on selecting mob icon, but when I click on desktop icon its fonts size reduce too.

I want to show my font icon for body on desktop is 21 px and on mobile I would like to go with 18 px.

And I would like to reduce the fonts size of heading as well.

[Tom]

Hi there,

The body font size doesn’t have a mobile option.

Instead, try this:

@media (max-width: 768px) {
    body {
        font-size: 16px;
    }
}

H1 and H2 headings have mobile options in the Customizer. Are you trying to adjust the other headings?

If so, you can do this:

@media (max-width: 768px) {
    h3 {
        font-size: 14px;
    }

    h4 {
        font-size: 14px;
    }
}

And so on..

Hope this helps 🙂

[Sanu Kumar]

thanks, Tom

You’re really a great programmer….did u studied engineering in computer science.

I also did but can’t code like this.

[Tom]

Glad I could help! I’m self-taught 🙂

[Author]

Posts