Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Slider not showing in full width and is not responsive

slider layer slider responsiveness
    • 3 years, 3 months ago reutli
      Participant

      Expired

      Hi,

      on all pages I’m using a Layerslider and also on a page you’ve created it’s only responsive if used in header. If used in a row on page with “Full Width Content” the slider is not adapting when width is reduced.

      If I use the “Full Width Background” in the row the Slider gets responsive but is shown in a container (not full width).

      I’d assume the slider should work as in the header, but does not.

    • 3 years, 3 months ago reutli
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 3 months ago azam
      Keymaster
      This reply has been marked as private.
    • 3 years, 3 months ago reutli
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      Please clear browser cache and the check the slider.

      Thanks,

    • 3 years, 3 months ago reutli
      Participant

      Expired

      Hi,

      cool, no it seems to work.
      What have you done/changed, so I’d be able to recall this on other pages and to document it.

      • 3 years, 3 months ago azam
        Keymaster

        Hi,
        I just changed the layer slider setting “Layout”. I have set the layout to Full Width rather than responsive.

        Thanks,

    • 3 years, 3 months ago reutli
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      If you wanna use a responsive slider in your site then you’ve to select the “Responsive” option in the Layer slider and “In container” option in the row settings (WP-Bakery) and if you wanna use the full-width slider then you’ve to select the “Full-Width” option in the Layer slider, It’ll override the row settings in WP-Bakery.

      Thanks,

    • 3 years, 3 months ago reutli
      Participant

      Expired

      Hi,

      yes, but following effects/error:

      LayerSlider “responsive” / Theme “Container” –> loosing responsiveness (slider not adapting, when reducing width.

      ==> this is the error behavior I’m talking about. in container the slider should also be responsive, but isn’t

    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      Working on it, let you know ASAP.

      Thanks for your patience,

    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      I’ve added a custom CSS code, now you can select the responsive slider option and full-width row option. So the final slider will be responsive (not overflow) on screens. I hope It’ll fulfill your need.

      Thanks,

    • 3 years, 3 months ago reutli
      Participant

      Expired

      Hi Azam,

      thanks, will test.
      As you know me… what code have you where added?
      Need to document that.

      Thanks.

    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      Here’s the code, I’ve added in the
      WP-Admin Dashboard > Specular > General Options > Custom CSS Code > Line#13-16

      html .ls-container, body .ls-container, #ls-global .ls-container{
      	max-width: 100% !important;
      	width: 100% !important;
      }
      

      Thanks,

Viewing 12 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password