Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #774821

    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

    #774956

    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

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

You must be logged in to reply to this topic.