Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 9, 2021 at 2:37 am #1320150
    tinagianna

    Hi Kriesi team,

    I tried to find a post about this and couldn’t. I have a timeline on my home page. On PC is displays very well but on mobile the alignment isnt so nice. Is there a way I can have the text spread across the mobile screen without effecting the PC display? Thank you

    September 10, 2021 at 5:36 am #1320325
    Rikard

    Hey tinagianna,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 989px) {
.av-no-preview ul.avia-timeline-vertical li {
    padding: 0 !important;
}
}

    Best regards,
    Rikard

    September 12, 2021 at 11:00 am #1320570
    tinagianna

    Thank you Rikard, that worked. However, one small issue.. now the title doesnt line up.
    Is there anything I can do to also fix this? Thanks in advance :)

    (An image of the problem is in private content)

    September 13, 2021 at 9:45 am #1320671
    Rikard

    Hi,

    Thanks for the update. Please try this instead:

    @media only screen and (max-width: 989px) {
.av-no-preview ul.avia-timeline-vertical li {
    padding: 0 !important;
}
.av-no-preview .avia-timeline-vertical .av-milestone-date {
    margin-left: 80px;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.