Stratum – Horizontal timeline mobile not showing meta

[Daniel Steinmann]

Seems that the horizontal timeline, when on mobile is not showing the values inserted in meta (like the date f.e.) Only the dot and the description is visible. Is this by default or am I missing a setting?

[J. Davis]

Hi Daniel,
You can check it at this demo page https://stratum.getmotopress.com/horizontal-timeline/
Could you provide your example and specify the device(s) and browser(s) where the issue occurs? Screenshots or examples are appreciated.

[Daniel Steinmann]

Hi J.Davis, apologies, my bad as this is the vertical, not the horizontal time line where the issue appears. When checking your vertical demo page https://stratum.getmotopress.com/vertical-timeline/ the same issue appears. On mobile, the meta fields (the date) disappears.

[Daniel Steinmann]

Hi, just checking here. I understand that this is not a high priority but nevertheless…

[J. Davis]

Hi Daniel,
Thank you for your reply. We have this task in our list of features so we will notify you when we have any news on this. Meanwhile, you can add the style below at Appearance > Customize > Additional CSS:

@media(max-width:990px){
.stratum-vertical-timeline .stratum-vertical-timeline-item__meta {
    display:   inherit !important;
	width:80%;

}
.stratum-vertical-timeline-item__card{
	max-width:80%;
}
.stratum-vertical-timeline-item__point {
        position: absolute;
        top: 50%;
        left: 0;
}
.stratum-vertical-timeline .stratum-vertical-timeline-item__inner {
        flex-direction: column-reverse !important;
        flex-wrap: wrap;
}
}

[Daniel Steinmann]

Great! Thank you! That works.

[Author]

Posts