Databases
StackOverflow2013
Postsdbo
POFlexslider items disappearing on resize
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFlexslider items disappearing on resize
    text
    copied!<p>I've set up a flexslider as a product carousel for a fluid width site. The product items disappear sometimes when the browser window is opened up to a certain width. Details below:</p> <p><a href="http://capefeargames.dev.crystalcommerce.com/" rel="nofollow">Dev Site / Demo</a></p> <p>This is regarding the center box called "Popular Products." Here's how to replicate the issue I am experiencing, in all browsers that I have tested (FF, IE, Chrome, Safari)</p> <ol> <li>Close your browser window down until only 4 or 5 items show</li> <li>Click the right arrow until the last product is showing (currently it's the pro-mate black sleeves)</li> <li>Now, resize your browser window <em>wider</em>, and the products disappear at a certain point. Go smaller again and they reappear.</li> </ol> <p><strong>Notes that may help:</strong></p> <ul> <li><p>If you are NOT at the last item in the carousel and resize, it works fine and things stretch as needed</p></li> <li><p>If the browser is wide and the max 6 products are showing and you go to the last item in the carousel, then resize small and big again, it works fine as well (so it only breaks when you go to last item when carousel is small in width, then goes big)</p></li> <li><p>For the slider config, I have set a minItems of 4 and maxItems of 6.</p></li> <li><p>All of the demos for flexslider are images only...I haven't seen anyone using it to display html inside each item like I have, nor do I know if it was even designed to allow this. Hopefully if other people are also doing html/multi-items insde flexslider, this will be something they've seen, or this could help them if we solve it.</p></li> </ul> <p>Thanks for any assistance </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload