[Bradley Willms]

I am using the Century Gothic font through-out, but am finding the font sizing at all titles, sub-titles and site content in the Mobile version too big. Would you be kind to send me the CSS to address this. My website is not active at this point (maintenance mode), so let me know if you need anything clarified.

[tikaram]

@1625-crawford-road: Can you please let me know the required font sizes as your site is in maintenance mode so that I can provide you the additional css and also please let me know the device you are using to view your site.

Regards,
Tikaram

[Bradley Willms]

I’m not sure what font size should be at this point, but I have turned off the maintenance mode so that you can review it at http://www.willms-studio.com, then let me know so that I can put the maintenance mode back on. I’m currently using my Samsung 8 Plus (Android), but would like this to be compatible for other phone devices too. Thank you for your response.

[Bradley Willms]

By the way, I did cheat with a triple period to push the title “About” down the page to make this work in Mobile setting so that “About” does not get chopped off at top of the view when scrolling. I think slightly smaller font size might do the trick. Would appreciate your response.

[tikaram]

@1625-crawford-road: Login to your WordPress admin. Go to Appearance => Customize => Additional css and add the following css.

@media only screen and (max-width: 415px) {
    .home .custom-header .entry-title {
        font-size: 2rem;
    }

    body, button, input, select, textarea {
        font-size: 0.8375rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h1, .section .entry-title, .page-title, .custom-header .entry-title {
        font-size: 1.5rem;
    }

    .section .section-title {
        font-size: 1.5rem;
    }
}

Regards,
Tikaram

[Bradley Willms]

Thank you tikaram!
This looks good. Appreciate your help!

[tikaram]

@1625-crawford-road: Glad to know that the issue has been resolved.

Regards,
Tikaram

[Author]

Posts