UP TO
30%

off all products

Ending in:
Wpmet Symbol
Day
Hrs
Min
Sec
Popular Search headermenumegafootermetform

Timeline Horizontal Scroll by CSS

As a workaround solution, add this custom CSS to Appearance > Customize > Additional CSS to get a scrollbar to the bottom of the timeline:

@media (min-width:1024px){
.timeline-area.horizantal-timeline {
    width: 1000px;
    overflow-x: scroll;
    display: block;
    white-space: nowrap
}
.ekit-wid-con .horizantal-timeline .single-timeline {
  width: 25% !important;
  display: inline-block;
  white-space: wrap
}
}

After applying this CSS, you will be able to see the timeline with the scrollbar (demo video).

What are your feelings
Updated on November 28, 2023