Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #234012
    Bradley Willms
    Participant

    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.

    #234032
    tikaram
    Keymaster

    @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

    #234066
    Bradley Willms
    Participant

    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.

    #234067
    Bradley Willms
    Participant

    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.

    #234113
    tikaram
    Keymaster

    @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

    #234224
    Bradley Willms
    Participant

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

    #234231
    tikaram
    Keymaster

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

    Regards,
    Tikaram

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Catch Fullscreen Pro – Font sizing too big throughout for Mobile version’ is closed to new replies.