Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 6, 2014 at 9:24 pm #331177
    hughsieg5

    Hi Guys,

    Love the HOTSPOT images with text roll over, but there seems to be a problem when the browser window is reduced from desktop to mobile.
    Any ideas?

    Cheers,

    hughsieg5

    October 7, 2014 at 4:37 pm #331735
    hughsieg5

    Hi Guys,
    Still no joy with the HOTSPOTS images in Ver 3. The HOTSPOTS do not move with the images and they line up to the left. Tried the code Yigit had suggested in reply to an earlier similar problem (LievenH – reply #330851) but not working. Link to page is as previous private data.

    Cheers,

    hughsieg5

    October 7, 2014 at 4:40 pm #331738
    Yigit

    Hi!

    Please upload your images in higher resolution and try adding following code to Quick CSS and let us know if that helps or not

    .av-hotspot-container img {
width: 100%;
}

    Regards,
    Yigit

    October 7, 2014 at 6:11 pm #331818
    hughsieg5

    Hi Yigit,

    Almost there. Does not work for mobile – the images are distorted, rather than looking portrait they have squashed and now look landscape.

    Cheers,

    hughsieg5

    October 8, 2014 at 8:07 pm #332665
    Yigit

    Hi!

    You have following code in Quick CSS 

    @media only screen and (max-width: 767px) {
.avia_image, .avia_image img {
padding-top: 50px !important;
padding-bottom: 20px !important;
max-width: 250px;
max-height: 250px;
}}

    This is causing the distortion

    Regards,
    Yigit

    October 9, 2014 at 12:02 pm #333131
    hughsieg5

    Thanks Yigit,

    Cheers,

    hughieg5

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘HOTSPOT images problem’ is closed to new replies.