Okay
  Public Ticket #3443158
having different font size on mobile vs desktop
Closed

Comments

  •  2
    aruback started the conversation
    August 23, 2023 at 10:29pm

    Is it possible to set the mobile fonts for my home page to be different than the desktop fonts?

    The text on my desktop Home Page looks great with H1 (36px) being used up top & H6 (23px) being used below:

    SS_10.jpg

    ..but when I look on the Mobile View, the bottom text now looks bigger:

    SS_11.jpg

    is there a way OR some CSS that you can send me to customize the Mobile view?

    Thanks in advance,

    Adam

    Attached files:  SS_11.jpg
      SS_10.jpg

  •  279
    Noah replied
    August 24, 2023 at 4:41am

    Hi there,

    You can use this CSS to control the size of h6 text on mobile view:

    @media only screen and (max-width: 690px){
.row .col h6, body h6{
    font-size:15px;
    line-height:20px;
}
}

    add it to salient \ general settings - css script related - custom css code.

    Cheers.

  •  2
    aruback replied
    August 24, 2023 at 4:51pm

    thank you!!!!!!!!!!!

  •  8,940
    Tahir replied
    August 24, 2023 at 5:02pm

    Hey Again,

    Try using the New Responsive Typography Settings in here : 

    2321066868.pngClick on Image to View Larger

    .


    Best.

    ThemeNectar Support Team