Docs

[koosang153]

Hi there,

I know there is customize typography section letting me to set body font size for PC look.

But if I want entire site body fonts to be 13px on PC, while I want them to be bigger 17px on Mobile, how can I do?

[Lely]

Hi There,

Please try adding this custom CSS:

@media (max-width: 480px){
body {
    font-size: 17px;
}
}

Hope this helps.

[koosang153]

480 with is iphone 6 size?

[koosang153]

480 width is iphone 6 size?

[koosang153]

How to adjust font size for navigation bar for mobile only?

[Rahul]

Hey There,

Thanks for writing back!

Please add following CSS under Custom > CSS in the Customizer:

.x-navbar .mobile .x-nav li a {
    font-size: 15px;
}

You can change the font size from 15 to whichever you require.

Hope this helps, let us know how it goes!

[koosang153]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code instead :

@media (max-width: 480px) {
body p {
font-size: 17px !important;
}
}

Hope it helps

Joao

[koosang153]

This reply has been marked as private.

[Joao]

Hi There,

The code works.

I have added for you on Appereance > Customizer > Custom > CSS

Of course as it supose to affect your site just under the width of 480px it won´t have any effects whyle the website is open in desktop, laptop or tablet size.

Resize your browser or check your website in a mobile device in order to see the code working.

Hope it helps

Joao

[koosang153]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code :

@media (max-width: 480px) {
input.wpcf7-form-control.wpcf7-submit {
font-size: 18px !important;
}
}

Hope it helps.

[Author]

Posts