Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 13, 2019 at 12:21 pm #1078245
    DianaLoola73

    Dear Support Team,
    I’m editing a website for a client that uses the timeline element inside, using an image view instead of an icon: http://neu.yoga-in-der-valley.de/yoga-events/
    On the computer this also appears in the correct view. Only on the phone, the preview image is not displayed correctly (see screenshot cell phone: http://yoga-in-der-valley.de/support/timeline/timeline.png) Is there a possibility that I on the phone / Tablet represents the picture in all its size and color?

    Thank you for your work
    Best regards Diana

    March 15, 2019 at 12:55 pm #1079108
    Rikard

    Hey Diana,

    On which device and browser are you getting those results?

    Best regards,
    Rikard

    March 25, 2019 at 10:01 am #1082592
    DianaLoola73

    Hello Rikard,

    I’m using Mozilla Firefox on my mobile phone
    Many Thanks!
    Best regards Diana

    March 25, 2019 at 7:49 pm #1082829
    Victoria

    Hi DianaLoola73,

    PLease try the following css:

    
@media only screen and (max-width: 767px) {
   .responsive #top #wrap_all .flex_column {
     padding: 10px !important;
   }
   .avia_transform .avia-timeline-vertical.avia-timeline-animate .milestone_icon {
    opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
    -ms-transform: scale(1);
   }
}

    Best regards,
    Victoria

    March 26, 2019 at 9:17 am #1083018
    DianaLoola73

    Dear Victoria
    Thank you for the editing. The skrip works flawlessly and the pictures are displayed correctly on the mobile phone as well.
    Many Thanks

    March 27, 2019 at 6:50 am #1083449
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘image bullet timeline mobile phone’ is closed to new replies.