Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #484350

    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/

    #484676

    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

    #487291

    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

    #487292

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

    #487297

    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 5 years, 8 months ago by  xxtita.
    #487572

    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

    #487588

    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

    #488017

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.