Grow your CSS skills. Land your dream job.

Responsive Flexslider (using BackStretch.js for background images) not working

  • # May 22, 2013 at 11:30 am

    Hi there,

    I am creating a responsive website, you can see it here: http://www.cairngorm-holistics.co.uk/dev/index.shtml

    I’m using Flexslider for my main slider. I’m using backstretch.js for the background images in the slider
    (later I hope to make two more BackStretch scripts so that smaller files can be loaded for mobile and tablet devices using something like: if ( $(window).width() > 1024) {)

    Before I implement that, the problem I’m having at the moment is that the backstretch images are not showing. The jQuery is working and kinda doing its thing, as its showing up in firebug when I inspect it so I know the js is working and putting in the extra div but the actual image isn’t showing.

    Also, inside the .li slide is a div with text. That is showing, but the absolute positioning of it is wierdly not. I wonder whether the two problems above are related.

    Firstly and most importantly I need to sort the problem with the background image not showing, and I’d appreciated any help anyone could provide with this.

    Thanks in advance!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".