Okay
  Public Ticket #3371836
Rotating words Responsive
Closed

Comments

  •  1
    Christian Kieser started the conversation
    May 16, 2023 at 9:29pm

    Hello,

    I have the problem that the Rotating Words element always sticks out of the column on the mobile version. How can I solve this?

    Thanks a lot!

  •  1
    Christian Kieser replied
    May 16, 2023 at 9:35pm

    And right away another question: How can I adjust the text size of the rotating words in responsive? So only for the smartphone?

  •  1,923
    Judith replied
    May 17, 2023 at 7:06am

    Hi Christian,

    Thanks for writing to us.

    --Please try this css 

    @media only screen and (max-width: 690px){
.nectar-rotating-words-title .dynamic-words span {
        white-space: inherit;
    font-size:26px;
    }
}

    Thanks.

  •  1
    Christian Kieser replied
    May 17, 2023 at 9:59am

    Hey Judith,


    thanks a lot - that works much better.

    Two more things:
    - At the bottom the "g" is cut off, how do I change that?
    - Currently the text above it still jumps in mobile. I would like the top text to stay, and then the dynamic text below it to continue to expand downward. 

    Thank you!


  •  8,943
    Tahir replied
    May 17, 2023 at 12:06pm

    Hey Again,

    - Try increasing the Line-height to fix the "g" cutting off.

    - Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .first-section .nectar-rotating-words-title .dynamic-words {
    min-height: 3em;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Christian Kieser replied
    May 17, 2023 at 2:14pm

    Great, that line-height fix works! Thanks!