Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2025 at 12:09 pm #1476629
    Martin

    Hallo,

    ich habe immer wieder ein Problem mit der Slideshow (volle Breite), wenn man die Seite auf dem Handy anschaut. Und ich wollte fragen ob es einen Tipp gibt, wo eine Slideshow gut auf dem Handy und dem Desktop aussieht und man nicht zwei Slideshows anlegen muss.

    Z.B. die Seite https://hochzeitsauto-leipzig.com, auf dem Desktop ist es der schöne breite Header mit den Autos. Auf dem Handy (hochformat) könnte sie höher sein, die Darstellung ist also zu klein.

    So hätte ich es gern: https://miximo.de – auf dem Desktop schön breit, auf dem Handy ca. 50% des Bildschirmes. Das bekomme ich aber nur hin, wenn ich zwei Slideshows anlege, eine bis zur Handygröße und eine ab der Handygröße. Und das möchte ich vermeiden, da es der doppelte Pflegeaufwand ist.

    Gibt es Ideen oder Tipps zu diesem Problem?

    viele Grüße,
    Martin
    ———————————–

    Hello,

    I keep having a problem with the slideshow (full width) when you look at the page on your mobile phone. And I wanted to ask if there is a tip on how to make a slideshow look good on your mobile phone and desktop and not have to create two slideshows.

    For example, the page https://hochzeitsauto-leipzig.com, on the desktop it is the nice wide header with the cars. On the mobile phone (portrait format) it could be higher, so the display is too small.

    This is how I would like it: https://miximo.de – nice and wide on the desktop, about 50% of the screen on the mobile phone. But I can only do that if I create two slideshows, one up to the mobile phone size and one from the mobile phone size. And I want to avoid that because it is twice the amount of maintenance.

    Are there any ideas or tips for this problem?

    best regards,
    Martin

    February 8, 2025 at 2:16 pm #1476675
    Mike

    Hey Martin,
    Your best solution will be to create two slideshows with portrait sized images for mobile, using your desktop landscape images for mobile will typically not look good on mobile. If you still want to try, try this css and adjust to suit:

    @media only screen and (max-width: 450px) { 
.avia-slideshow {
  width: 300% !important; 
  position: relative !important; 
  left: calc(-90vw) !important; 
}
}

    Best regards,
    Mike

    February 11, 2025 at 1:22 pm #1476896
    Martin

    Thank you Mike, but that doesn’t look so good. It is especially difficult when there is text on the slideshow. Then it seems that there is no solution to the problem, just as I have already done. This is quite difficult for end customers to understand…

    Best regards,
    Martin

    February 11, 2025 at 9:04 pm #1476906
    Mike

    Hi,
    Your best solution will be to create two slideshows with portrait sized images for mobile, using your desktop landscape images for mobile will typically not look good on mobile.

    Best regards,
    Mike

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