Okay
  Public Ticket #3208532
RESPONSIVE FONT
Closed

Comments

  •  3
    dion started the conversation
    January 16, 2023 at 9:37am

    Hello,
    I am having issue with the fonts on mobile.

    1. I tried With and without responsive font and it doesn’t work. The Font is too big for mobile. Ive verified and I didn’t apply any extra CSS in the block. Do you have any idea of what can block?
    2. Other issue with the size font on mobile : https://jungo.studio/works/ on this page I use « default » for size font and ask 16px. It works on desktop but on mobile it is really big. How to have 16px for mobile as well or define a size?

      Thank you,

    Best regards,

    Charlotte

  •  8,839
    Tahir replied
    January 16, 2023 at 10:06am

    Hey Again,

    Try using the New Responsive Typography Settings in :

    2049843296.pngClick on Image to View Larger

    Best.

    ThemeNectar Support Team 

  •  3
    dion replied
    January 16, 2023 at 10:22am

    Thank you for the quick reply, however as saidd on my message this option doenst change anything here.

  •  3
    dion replied
    January 16, 2023 at 10:26am

    Sorry for the inconvenient, i came from a plugin : WP-Optimize - Clean, Compress, Cache
    Thank you

  •  2,958
    Andrew replied
    January 16, 2023 at 10:37am

    Hi Dion,

    To clarify, were you able to sort out this issue?

    Kind regards,

  •  3
    dion replied
    January 16, 2023 at 1:58pm

    Yes, but not for Portfolio description : https://jungo.studio/works/
    The title is 16pt and on mobile it is really too big.



  •  1,877
    Judith replied
    January 16, 2023 at 4:34pm

    Hello Dion,

    Please try this css:

    @media only screen and (max-width: 690px){
    .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
        font-size: 16.4px;
    }
}

    Thanks.

  •  3
    dion replied
    January 17, 2023 at 8:43am

    It doesnt change... the font on mobile is still too big

  •  1,877
    Judith replied
    January 17, 2023 at 10:32am

    Hello Dion,

    Please send in your admin login credentials so that we can check this out further.

    Thanks.

  •  3
    dion replied
    January 17, 2023 at 12:43pm

    thank you

    https://jungo.studio/wp-admin
    user : support
    password : Owv%v%CPXw(w$FemInzdnPNU

  •  2,958
    Andrew replied
    January 17, 2023 at 2:15pm

    Hello Dion,

    I have gone ahead and added this CSS for you and the title now looks smaller:

    @media only screen and (max-width: 690px) {
    .page-id-4130 .nectar-post-grid .nectar-post-grid-item .content .post-heading {
        font-size: 16.4px;
    }
}

    Please review and let us know if you have any other queries.

    Kind regards,