WordPress.org

Forums

MesoColumn
[resolved] Disable google fonts for mobile devices (3 posts)

  1. msalsas
    Member
    Posted 1 year ago #

    Hello,

    I use a google font selected in "Theme options". I'd want to disable this font for mobile devices (or less than 400px window width e.g.). I've digged around fonts-functions.php, but I'm not sure on how I should disable it. Any idea? Thanks

    PD: Also I've had to comment the `<?php if( function_exists('wp_is_mobile') && wp_is_mobile() ) { ?>
    ` line 14 on header.php, since it was not recognizing devices.

  2. Richie KS
    Member
    Theme Author

    Posted 1 year ago #

    try add this to theme option->custom css

    @media only screen and (min-width:180px) and (max-width:410px){
    body,h1,h2,h3,h4,h5,h6,.sf-menu li,.sf-menu li a { font-family: arial !important; }
    }
  3. msalsas
    Member
    Posted 1 year ago #

    Finally I added the Google font code directly to my child style.css for speed improvement. Thank you anyway.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic