Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2014 at 4:16 pm #279518
    Vicken

    Hi Team Kriesi,
    I am having a confusing and troubling issue. When I view the website I have built using Enfold, on large screens like a 27″ for example, the layer slider seems to swallow the images and screw up the look. Words start to disappear and the image seems to grow but not outer box so the bottom portion disappears. For example go to my website listed below, you will find the first slider image looks fine on normal screens but when you stretch the browser size notice how the image starts to get swallowed on the bottom. Yo u can also see this on our “Brands” page. How do I prevent this form happening and keep the look the same across browsers?

    June 17, 2014 at 3:16 am #279803
    Ismael

    Hey Vicken!

    Thank you for visiting the support forum!

    I tried to resize the browser but I don’t see the issue that you describe on the layer slider. It looks the same. If possible, please provide a screenshot of the issue.

    Best regards,
    Ismael

    June 30, 2015 at 12:07 pm #466339
    dflyons

    Having the same issue, which seems to appear on larger screens above 22″ (2560×1440 and 1920×1200 resolutions). I’m including the web address and a screenshot below. I have the slider width at 100% and the height at 500px. How do we fix this? Looking forward to your response. Thanks!

    July 1, 2015 at 1:02 pm #466947
    Ismael

    Hi!

    Did you set the image as a slide background? The layer slider plugin automatically offset the background, you’ll see a negative margin added on the background container, and then automatically adjust the height of the container where the background resides to maintain the aspect ratio and responsiveness of the background image. This offset and height change don’t work well with any type of background specially when you have text embedded on it. Try to remove the background then set the image as layer. Set the height and width to 100%. Or separate the text from the background image.

    Cheers!
    Ismael

    July 2, 2015 at 8:22 am #467345
    dflyons

    Yes, it was set as the background image. I now have it as a layer, which is a good solution.

    I’m not sure about setting the height to 100% though, because it only accepts pixel values. I simply kept the width at 100% and the height at 500px. BUT I had to adjust the width of the image to 2560px, otherwise people who happen to be viewing the website on a 2560×1440 screen (which I hope is not a lot) will see the white blank space that a smaller image wouldn’t fill up.

    Thanks for the response! :-)

    July 3, 2015 at 2:29 pm #468002
    Rikard

    Hey!

    Glad we could help, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

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