Okay
  Public Ticket #3090730
Animated Title – mobile font size
Closed

Comments

  •  2
    Superherodesign started the conversation
    July 25, 2022 at 10:53am

    Hey there, 

    there's a problem with the resizing of the responsive texts of the animated title feature (in my case H6). It won't get smaller on mobile devices even when I change it in the typography/responsive settings panel. Only the size of the box around it changes and the line height. Any ideas?

    Thanks for your support!


  •  279
    Noah replied
    July 25, 2022 at 11:05am

    Hi there,

    Could you try and control the font size on mobile view using this CSS:

    @media only screen and (max-width: 690px){
.nectar-animated-title h6{
    font-size:0.5em;
}
}

    add it to salient \ general settings - css script related - custom css code.
    Adjust it to what you need.

    Cheers.

  •  2
    Superherodesign replied
    July 25, 2022 at 11:19am

    Hi Noah, 

    thanks! I tried it out but it doesn't seem to work.
    Would you like to have a look to the backend by yourself?

    Andi

  •  1,877
    Judith replied
    July 25, 2022 at 11:25am

    Hi There,

    Please try this css:

    @media only screen and (max-width: 690px){
    .row .col h6, body h6, #ajax-content-wrap .nectar-inherit-h6 {
        font-size: 16px !important;
    }
}

    Thanks.

  •  2
    Superherodesign replied
    July 25, 2022 at 11:56am

    Hi Judith,

    it works perfectly! 
    Thank you so much!