visibility issue for timeline icons on "responsive" - Support

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

Author

Posts
May 29, 2018 at 5:44 pm #963816

Oref
Participant

Dear Experts,

I am having visibility issue for timeline icons on “responsive”.

Kindly take a look at the picture below:

How can I fix this?

Thank you in advance.

May 29, 2018 at 5:49 pm #963822

Jordan Shannon
Inactive Moderator

Hey samconag,

I’m not able to recreate that issue. Which device and/or browser are you using?

Best regards,
Jordan Shannon

May 29, 2018 at 5:55 pm #963829

Oref
Participant

iPhone
Safari

May 29, 2018 at 7:13 pm #963876
Jordan Shannon
Inactive Moderator
Hi,

Try adding the following to quick css:
```
.avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon{
opacity:1!important;
}
```
Best regards,
Jordan Shannon
May 30, 2018 at 3:37 pm #964320

Oref
Participant

Dear Jordan,

Nope, it didn’t work out on my iPhone.

June 1, 2018 at 1:56 pm #965347

Oref
Participant

Anyone? Please?

June 2, 2018 at 12:22 am #965615
Vinay
Inactive Moderator
Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:
```
/* CSS - Icon color */

#top .main_color .avia-timeline .milestone_inner {
    background-color: #db0404!important;
    opacity: 1!important;
}

/* End CSS */
```
Best regards,
Vinay
June 5, 2018 at 11:50 am #967167

Oref
Participant

Hi Vinay,

Thank you
It’s NOT working on safari or even Chrome on my iPhone.

Can you try by yourself?

June 5, 2018 at 5:15 pm #967320

Jordan Shannon
Inactive Moderator

Hi,

Perhaps give this recent fix a try:

https://kriesi.at/support/topic/icon-list-is-hardly-visible-on-tablet-mobile-maybe-script-error/#post-966150

Best regards,
Jordan Shannon
Author

Posts

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

You must be logged in to reply to this topic.