Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 19, 2018 at 1:59 pm #1011807
    Claudia_Stegfellner

    Hi all,
    first: Enfold is great! But i need your help with the timeline.
    On the normal screen the horizontal timeline with 5 milestones (images) and text looks great. But on iPad and mobile phone i can only see 1 of them. Is it possible to change the view for mobile and iPad?? Maybe vertical or other? So that i can see all of them?

    Many thanks in advance
    Claudia

    September 19, 2018 at 3:56 pm #1011876
    Victoria

    Hey Claudia,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:768px){
    .avia_transform .av-animated-generic.av-milestone,
    ul.avia-timeline-horizontal li {
        width: 18vw !important;
    }
    .avia-timeline-container.avia-slideshow-carousel  {
        width: 100vw !important;
        left: -2em;
    }
    .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap {
        padding: 10px 5px 10px 55px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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