Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2021 at 3:07 pm #1322642
    alard

    Hi,
    My issue is about the background image quality in the timeline element on smartphone (everything is OK on tablet and PC).
    
Images are almost invisible, in shades of grey and very small.
    Also, the colored border doesn’t display at all.
    
I could not give you a temporary access right now…
    Here is the source code of the element:

    ——-
    <span class=”milestone_inner” style=”background-color:#ffffff; color:#3eabbd; background-image:url(https://www.my_website.com/wp-content/uploads/2021/09/my_image.jpeg); « > </span>
    ——-

    Many thanks for your help,

    September 29, 2021 at 8:17 am #1322737
    Rikard

    Hey alard,

    It’s difficult to help you out unless we can see the actual problem on your site. Which version of the theme are you running? Please make sure that it’s 4.8.6.3: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, and make sure that you activate the option to delete the old CSS and JS files under Enfold->Performance, before you check the results.

    Best regards,
    Rikard

    September 29, 2021 at 9:55 am #1322768
    alard

    Hi,
    The site is running with the 4.8.6.2… I will update…
    The issue is tied to the “history” section, on mobile devices like Iphone… (site URL is in private content to have a look))
    Many thanks,
    Valérie.

    September 30, 2021 at 5:42 am #1322924
    Rikard

    Hi,

    Thanks for that. 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: none;
    -ms-transform: none;
    transform: none;
}
}

    Best regards,
    Rikard

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