Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 25, 2017 at 12:29 pm #868685
    jng

    Hallo zusammen,

    ich arbeite auf der betreffenden Webseite (vgl. Private Content) mit diversen Parallax-Scrolling-Effekten. Leider gefallen mir die Ausschnitte der statischen Bilder auf dem Smartphone nicht ganz so gut. Hinter der Überschrift zum Menüpunkt Kanzlei hätte ich z.B. gerne, dass das Schloss sichtbar ist und nicht die Blumen. Der Ausschnitt des Bildes bei “Kontakt” ist leider auch etwas unglücklich. Gibt es eine Möglichkeit den entsprechenden Bildausschnitt auf einem Smartphone/Tablet selbst zu bestimmen?

    Danke vorab.

    Viele Grüße
    Jan

    October 27, 2017 at 8:53 am #869471
    Ismael

    Hey jng,

    Thank you for using Enfold.

    Yes, it’s possible to define a different image on mobile view. Please apply a unique css class attribute to the slider, use “custom-slider” for example and then use the following css code.

    .custom-slider .avia-slideshow > ul > li:nth-child(1) {
     background-image: url(IMAGE FOR MOBILE VIEW) !important;
}

    The css code above is going to change the image of the first slide.

    // http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

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