Timeline icon on mobile almost invisible

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 12, 2022 at 5:29 pm #1335280

flipstar99
Participant

Hi,
please find the vertical timeline on my website.
On the mobile version the icons are almost not visible.
Is this a bug? Can I fix this with css?

Thanks a lot

January 13, 2022 at 4:18 am #1335344
Rikard
Keymaster
Hey Matthias,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
.avia_transform .avia-timeline-vertical.avia-timeline-animate .milestone_icon {
    opacity: 1;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
}
```
Best regards,
Rikard
January 13, 2022 at 9:09 am #1335367

flipstar99
Participant

Hi Rikard,
thanks, problem solved!

Best regards,
Matthias

January 13, 2022 at 9:22 am #1335368

Rikard
Keymaster

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.