Okay
  Public Ticket #3134997
Header Text Not Responsive
Closed

Comments

  •  2
    jacobsco started the conversation
    September 28, 2022 at 6:15pm

    Hi, 

    I'm having issues with my header text not being responsive on mobile, it's just cut off on the device. See the screenshot for a reference. This is happening on all my headers. 

    Let me know what could be causing this issue. 

    Thanks!

    Attached files:  Screen Shot 2022-09-28 at 1.14.18 PM.png

  •  8,403
    Tahir replied
    September 28, 2022 at 6:16pm

    Hey Again,

    Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .

    Best.

    ThemeNectar Support Team 

  •  2
    jacobsco replied
    September 28, 2022 at 6:18pm

    Hi, 

    I have tried adjusting those settings as well as totally turning that off, but it hasn't changed anything.

    The screenshot you're linking to doesn't work, so maybe you are showing me something specific that I am missing, but so far those have not changed the text being cut off. 

    Thanks!



  •  1,644
    Judith replied
    September 28, 2022 at 6:54pm

    Hello Jacob,

    Please try this css:

    @media only screen and (max-width: 690px){
    body .row .col.section-title h1, body h1, html body .row .col.section-title.span_12 h1, body.single.single-post .row .col.section-title.span_12 h1, #page-header-bg .span_6 h1, #page-header-bg.fullscreen-header .span_6 h1, body .featured-media-under-header h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
        font-size: 46.4px;
    }
}

    Thanks.