Flexslider carousel, slide width issue

Asked Feb 04 '14 at 15:30

Active Feb 04 '14 at 15:30

Viewed 3,640 times

I'm using WooTheme's Flexslider script to run a slideshow with a carousel slider as it's navigation but I'm having a strange issue with the carousel in that the slides are all given a width of 0px. If the browser is resized then the slides revert to their correct sizes so it only seems to be on the initial page load.

I checked out this thread but none of those solutions fixed the issue for me.

Here is a sample URL and below is a selection of the code that I'm running;

jQuery

$('#home-carousel').flexslider({
    animation: "slide",
    controlNav: false,
    prevText: '',
    nextText: '',
    slideshow: false,
    itemWidth: 500,
    itemMargin: 0,
    minItems: items,
    maxItems: items,
    move: 1,
    asNavFor: '#home-slider2'
});

If anyone can shed some light on this that would be great

edited May 23 '17 at 12:22

Community

asked Feb 04 '14 at 15:30

Poisontonomes

Improper size calculations are usually due to missing/hidden resources. Be sure to call your init function on DOM ready. – isherwood Feb 04 '14 at 15:37
I am having the same issue , did ya solved it? – Shail Mar 31 '15 at 10:17

Flexslider carousel, slide width issue

0 Answers0