Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 13, 2018 at 8:56 pm #996879
    lipht_web

    Hi

    I’m experiencing problems with my timeline icons. When I go to the timeline on the site with my mobil (tested with chrome and firefox), the icons are very all small, and almost invisible. I tried making them larger with the style below, but its not working. What am I missing/doing wrong?

    
@media only screen and (max-width: 768px) {
.av-no-preview .avia-timeline .milestone_icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
    overflow: none!important;
}

 .milestone_icon{
    background-color: #a8a8a8!important;
    color:#000000!important;
}

#top .avia-icon-list .iconlist-timeline {
border-color: #a8a8a8;
}
}

    Thanks in advance

    August 13, 2018 at 10:48 pm #996900
    Jordan Shannon

    Hey Philip,

    I’m not seeing the issue occurring. Have you been sure to clear your cache a few times over?

    Best regards,
    Jordan Shannon

    August 14, 2018 at 1:27 pm #997064
    lipht_web

    Yes, many times and I’ve tried from different devices. The problem only occurs from an actual mobil. I can’t replicate it from chrome development or by using the inspect tools. However, from several different phones I get the same small icons that are almost invisible.
    Did that really not show on your phone?

    August 14, 2018 at 6:42 pm #997224
    Victoria

    Hi Philip,

    The fade-in animation does not fire because there is an error in JavaScript. Can you please edit tab section titles and remove the “-” and see if the issue remains.

    Best regards,
    Victoria

    August 14, 2018 at 7:01 pm #997234
    lipht_web

    Hi Victoria

    Could you tell me where to find the “-” in the tab section titles? I can’t find it. Maybe a screenshot?

    Best regards,
    Philip

    August 15, 2018 at 1:59 pm #997541
    Victoria

    Hi Philip,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    September 7, 2018 at 5:28 pm #1007211
    PascalLID

    Hi
    I have the same problem.

    Best regards,
    Pascal

    September 7, 2018 at 6:00 pm #1007235
    Victoria

    Hi PascalLID,

    I don’t see the issue, I see no errors, can you point us to a page or an element where it is happening?

    Best regards,
    Victoria

    September 7, 2018 at 7:35 pm #1007274
    PascalLID

    The icons of the timeline are barely visible on a mobile device.
    Here the Screenshot.

    September 10, 2018 at 10:49 am #1007852
    Ismael

    Hi,

    Thanks for the update.

    This css code should fix the timeline icon display.

    @media only screen and (max-width: 767px) {
.avia_transform .avia-timeline-vertical .milestone_icon {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}

    Best regards,
    Ismael

    September 10, 2018 at 6:31 pm #1007991
    PascalLID

    Hey
    Great it works! Thank you for that.

    Best regards,
    Pascal

    September 10, 2018 at 6:35 pm #1007995
    Jordan Shannon

    Hey PascalLID,

    I’m glad that was resolved for you if you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    July 3, 2019 at 3:23 pm #1115499
    Estherella

    Hi dear team,

    i do have the same issue, but even typing in all the code doesn’t work… could u please check? Information is down in the privat content area!

    Thank you in advance

    • This reply was modified 5 years, 5 months ago by Estherella.
    July 4, 2019 at 8:08 am #1115653
    Rikard

    Hi Estherella,

    Thanks for that, though your site is not loading on my end. Please check the URL.

    Fehler 404
    Seite nicht gefunden

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.