Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 9, 2017 at 8:47 am #774821
    aovivo

    Hi there,
    I wonder how I can assign a better image section from my slide-show element to my smart device.
    here is the thing: since the slide-show elements are rather wide than high, after adapting to a portrait mode on a smart device) I just see a tiny part of the image (in this specific case its a free space)…
    Question: how can I assign either a spacific image for portrait modes of smart devices oder choose a better segment to assign to a portrait mode on s,art device…
    here is an example for both desktop mode and smart device mode:

    View post on imgur.com

    I know that for example visual composer and other theme’s builder have that option to assign whole containers either to desktop or smartdevices (similer it is with revolution slider) … I just did not find that option in ENFOLD options yet…

    Can you help me out?
    thanks

    April 9, 2017 at 2:27 pm #774956
    Jordan Shannon

    Hey aovivo,

    You can create two section one with a slider targeted to desktop users, and then another targeted to mobile users.

    It is possible to add custom classes to each section: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    You would then want to hide the desktop version on mobile:

    @media only screen and (max-width: 767px)  {
.yourdesktopsliderclass{
display:none;
}
}

And show The mobile version:

.yourmobilesliderclass { display: none; }
@media only screen and (max-width: 767px) {
.yourmobilesliderclass { display: block !important; }
}

    Please let me know if this is clear.

    Best regards,
    Jordan Shannon

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