Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #186300

    Hi there.

    We got a problem…

    Theme, ENFOLD, latest version
    WP, 3.6

    If responsive option was active for the slide, it looks great at mobile devices, but, for WEB, it creates a big “empty space” under de slider
    See example at
    In other hand, If we deactivate “responsive” option for layerslider, this “empty space” desapeares al WEB site, but, images increase their size, resposive dosent works, even we introduce dimensions (2000×500 in this case).
    See the diferece at for example.

    How to fix woth options??
    We need a 2000×500 px slider without “blank space” under de slider, and of course a correct resposive behaviour.

    Many thanks in advance


    Hey Yakosuso!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (min-width: 768px) { .page-id-104 .avia-layerslider { height: 338px!important; }}

    Best regards,


    Hi there Yigit.
    Thanks a lot.

    For WEB version is fixed doing that:
    I notice that avia and the theme, re-scales images higher than 1440 px width, so the SOLUTION is to use images not biger than this width: 1440px: then, the code you indicates, it´s not needed.

    In other hand, repsonsive still dosent works.
    It creates a “blank space” below the slider fot the mobile version.

    How we can fix it?

    We run under WP 3.6 .. Should we upgrade to 3.7 ???
    For ENFOLD, we use the last version.

    Again many thanks in advance!

    • This reply was modified 4 years ago by  Yakosuso.


    Please try adding following code to Quick CSS as well

    #layer_slider_1 { height: auto!important; }

    Best regards,

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

The topic ‘LAYER SLIDER. Problem web vs. responsive’ is closed to new replies.