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

Comments

  •  2
    Superherodesign started the conversation

    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!


  •  277
    Noah replied

    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

    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,591
    Judith replied

    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

    Hi Judith,

    it works perfectly! 
    Thank you so much!