Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 24, 2017 at 9:49 pm #766396
    Justin

    Hey guys, so I updated the latest WP.
    Updated to the latest Layer Slider (purchased license).
    And well, nothing is aligned anymore, even though the settings appear so.

    Any thoughts would help!
    Justin

    March 26, 2017 at 8:51 pm #767043
    Victoria

    Hey Justin,

    Please describe in more detail the issues you’re experiencing and on which page?

    Best regards,
    Victoria

    March 26, 2017 at 8:59 pm #767052
    Justin

    Hi Victoria … would you mind reviewing the link included includes? It’s just the homepage slider. You will see everything is off-centered. Thanks!

    March 27, 2017 at 4:48 am #767172
    Nikko

    Hi Justin,

    This is a bug when using layerslider on a boxed layout. We have already reported this to Kriesi and our devs. The fix for this atm is on Layerslider WP, edit the slider then go to Slider Settings > Layout then set it to Fixed Size.

    Best regards,
    Nikko

    March 27, 2017 at 4:09 pm #767527
    Justin

    Thanks Nokki. Setting to a ‘Fixed Size’ does no good for the mobile version of the slider…since it doesn’t respond.
    Naturally, the most logical setting that comes to mind is this: https://js-interactive.com/slideset.png

    Yet it continues to produce the same results. Off-centered, etc.

    March 29, 2017 at 7:11 am #768616
    Nikko

    Hi,

    Yes, I agree that fixed size isn’t a good solution since it isn’t responsive. There is a workaround that I think should work, if it’s okay that you would use 2 sliders (one for desktop using fixed size and one for mobile using responsive), basically you need to duplicate the layerslider then modify it to use fixed size (if the other one is already using responsive) then on put another layerslider in the page, make sure that the fixed size layerslider is on top of the responsive and on Quick CSS (located in Enfold > General Styling) add this css code:

    #layer_slider_2 {
  display: none !important;
}

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

  #layer_slider_2 {
    display: block !important;
  }
}

    I hope this workaround is good until this will be fixed.

    Best regards,
    Nikko

    April 3, 2017 at 6:30 pm #771262
    Justin

    With the last update I was really hoping for a fix here: https://awawisconsin.com/
    Everything online remains off-centered (desktop), while everything on the slider is set correctly.

    April 7, 2017 at 5:26 am #773666
    Ismael

    Hi,

    Please post the login details to the site so that we can do a few tests. Or try this code in the Quick CSS field.

    .boxed .avia-layerslider .ls-wp-container, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-outer, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap img {
  width: 100% !important;
  max-width: 100% !important;
}

    Best regards,
    Ismael

    April 7, 2017 at 3:46 pm #774041
    Justin

    Ismael, here you go.
    let me know when ready. I have to disable the Firewall unless you can give me an IP to whitelist.

    April 9, 2017 at 8:44 am #774817
    Ismael

    Hi!

    I’m sorry but we don’t provide such information here. Please disable the firewall temporarily.

    Best regards,
    Ismael

    April 14, 2017 at 4:19 pm #777869
    pixeled

    Having same problem as Justin. Content off center and shifted to the right. Enfold 4.0.5 Boxed layout, layer slider v6.3.0
    Broken live site –
    Dev site with theme 3.8.5 –
    Tried the fixes above. Not working very well.
    thx in advance.

    #top .avia-layerslider .ls-wp-container { 
    margin: 0px auto 0px -184px !important;
 } 
.boxed .avia-layerslider .ls-wp-container, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-outer, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap, .boxed .avia-layerslider .ls-wp-container .ls-slide-backgrounds .ls-bg-wrap img {
  width: 100% !important;
  max-width: 100% !important;
}
    • This reply was modified 7 years, 7 months ago by pixeled.
    April 16, 2017 at 4:11 am #778357
    Ismael

    Hi!

    Please provide the link to the actual page so that we can inspect it. Where did you get the following css code?

    #top .avia-layerslider .ls-wp-container { 
    margin: 0px auto 0px -184px !important;
 }

    Cheers!
    Ismael

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