Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2024 at 7:59 am #1435268
    DianaLoola73

    Dear Support Team,

    On the website https://gerlindemichel.osmosis.de/ we use a “Rotating heading” as an entry element: this is aligned as centered.
    This works perfectly on a PC, but on a tablet and cell phone, when the text is partially double-spaced, the display is left-aligned.
    See screenshots:
    Tablet:https://osmosis.de/support/gm/home/tablet-rotatingtext.jpeg
    Mobile:https://osmosis.de/support/gm/home/mobile-rotatingtext.jpeg

    What can I do to ensure that the text is always centered on the tablet and cell phone?

    Best regards, Diana

    February 24, 2024 at 11:33 pm #1435329
    Mike

    Hey Diana,
    I’m not sure why it looks centered on the desktop, the css is text-align: left, nonetheless this will center for mobile and tablet:

    #main .av-fixed-rotator-width .av-rotator-text {
	text-align: center;
}

    for mobile you will want to make the font smaller because the left padding will push the text off the screen on the right.

    Best regards,
    Mike

    February 27, 2024 at 6:55 am #1435523
    DianaLoola73

    Wonderful! Now it works in the mobile version too! THANK YOU

    February 27, 2024 at 11:36 am #1435575
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Rotating Heading Alignement’ is closed to new replies.