Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 7, 2015 at 9:09 am #484350
    xxtita

    Hi,
    tried to resize the caption tooltip in team members, so the e-mail fits in one row. But i cannot find the css for it. Maybe data-avia-tooltip, but dont know where. Can you please help me out?
    thanks.

    2. Vollbild-Slider responsive? Is there any solution yet? I tried many css-codes in this forum. I can resize the image with this code

    .avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: contain;
background-repeat: no-repeat;
}

    but the height is still to big on iphone and the caption is somewhere in the white.
    http://stage21.ramsau.com/abenteuerland/langlaufen/

    August 7, 2015 at 8:22 pm #484676
    Andy

    Hey xxtita!

    1.) About which tooltipps are you talking about? can’t see it on the link you have provided. Please use screenshots to highlight what you mean. Use imgur.com or dropbox.

    2.) Use this code for your slider on iPhone:

    @media only screen and (max-device-width: 736px) {
.avia-slideshow.avia-slideshow-1.av-slider-scroll-down-active.avia-slideshow-no.scaling.av_fullscreen.avia-slide-slider {
height: 345px;
}
.slideshow_align_caption {
top: 86px;
}}

    Best regards,
    Andy

    August 13, 2015 at 4:35 pm #487291
    xxtita

    Hi Andy,
    So now I changed the Code and it works now. The correct Code is:

    .avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: contain;
background-repeat: no-repeat;
}
@media only screen and (max-device-width: 736px) {
.slideshow_align_caption {
top: 86px;
}}

    Thanks

    August 13, 2015 at 4:38 pm #487292
    xxtita

    Damned, also not working. With this Code the Slider on desktop also shrinks to full size and keep some white space at the right.

    August 13, 2015 at 4:45 pm #487297
    xxtita

    So, now this Code works on desktop, tablet and iPhone (but not on resizing browser-window)

    @media only screen and (max-device-width: 736px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: contain;
background-repeat: no-repeat;
}
.slideshow_align_caption {
top: 86px;
}}

    thanks

    • This reply was modified 9 years, 3 months ago by xxtita.
    August 14, 2015 at 7:58 am #487572
    Rikard

    Hi,

    Not sure if you got your problems fixed or not? Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

    August 14, 2015 at 8:35 am #487588
    xxtita

    Hi,
    not me either.
    http://stage21.ramsau.com/abenteuerland/langlaufen/
    Its not working on responsinator or when you resize the browser window. It works on my iPhone 4 and iPhone 5. But its definetly not the perfect code.
    Any suggestion to make the full-width image-slider responsive?

    thanks

    August 14, 2015 at 9:45 pm #488017
    Andy

    Hi!

    it’s not working on different browser sizes because in your code above you are using max-device-width, instead of max-width. However, why do you want it to work when shrinking browser size? Use this code:

    @media only screen and (max-width: 736px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: contain;
background-repeat: no-repeat;
}
.slideshow_align_caption {
top: 86px;
}}

    Best regards,
    Andy

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