Vertical timeline – mobile/tablet version issue

  • Resolved varinakcz

    (@varinakcz)


    4 years, 1 month ago

    Hello, I have issue with mobile and tablet version. The timeline does not fit well into the screen (tested on iphone 13, iphone SE, iPad PRO)…is it possible to somehow add margin to the left-right for the timeline so there is some space?

    My timeline shortcode is: [cool-timeline layout=”default” skin=”default” show-posts=”6″ date-format=”custom” icons=”YES” animation=”fade-up” story-content=”full” order=”ASC” ]

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Jyoti Bhandari

    (@jyoti197)

    4 years, 1 month ago

    Hi @varinakcz,

    Please use the below-shared custom CSS.
Go to Timeline settings > style settings > custom styles:
@media screen and (max-width: 860px) {
 .cool-timeline .icons_yes .timeline-post{
    padding: 0 0 25px 72px !important;
       width: 90% !important;
}
.cool-timeline:before{
      left:28px !important;
}
.cool-timeline .timeline-post .icon-larger{
   margin: 20px 12px 0 !important;
}
}

    Thanks & Regards

    Thread Starter varinakcz

    (@varinakcz)

    4 years, 1 month ago

    Thank you very much, works well!

    Have a great day

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Vertical timeline – mobile/tablet version issue’ is closed to new replies.