Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 3, 2014 at 10:36 am #329587
    mailclub

    Hello,

    Is there any way NOT to display the slider/slideshow in the iphone/smartphones responsive versions (but still in the tablets and of course in the desktop versions)?

    Thanks and best regards

    Charles

    October 3, 2014 at 2:55 pm #329707
    Yigit

    Hey mailclub!

    You can turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your elements a custom CSS class ( for example “only-desktop” ) and then add following code to Quick CSS in Enfold theme options under General Styling tab to not display them on mobile

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

    Best regards,
    Yigit

    October 12, 2014 at 2:02 pm #334492
    mailclub

    Hi Yigit,

    Thanks for the answer. I modified the functions.php files, and Custom CSS filed is on. I added your code to the General Styling of the theme, but I cannot find in the LayerSlider settings the new field Custom CSS Class. Can you tell me where to give the slideshow the only-desktop class ?

    The website is on http://www.safebrands.fr / .com

    Thanks again

    Charles

    October 13, 2014 at 7:41 am #334677
    Ismael

    Hey!

    Thank you for using Enfold.

    You can’t apply a custom css class for the layer slider but you can hide the layer slider with this:

    @media only screen and (max-width: 480px) {
.home div#layer_slider_1 { display: none !important; }}

    Best regards,
    Ismael

    October 13, 2014 at 12:31 pm #334814
    mailclub

    Hi, this works fine, many thanks.
    Have a nice day.
    Charles

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Slider’ is closed to new replies.