I am working on a wordpress site that uses flexslider for displaying an image gallery.
The images are loaded in the html, but are not showing in the browser.
I can see the <div id="slider-1406-585559124" class="flexslider clearfix"> in the code, but has zero heigth.
Also, the li’s should be like that <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">. Instead they lack the style attribute.
I tried disabling some plugins and it turned out that there was a javascript conflict with the “Q2W3 Fixed Widget” plugin, which makes boxed in the sidebar to remain fixed when the users scrolls.
Now I have disabled the plugin and it works fine. But any ideas on how to resolve the conflict? Because I really want to use that plugin.
The Q2W3 Fixed Widget plugin is currently working on the homepage, if you need the see it’s javascript.
Thanx
Using JS for those widget boxes is a bit of overkill in my opinion. Just use css that’s all the plugin is doing.
So it seems they’re spit out with the following classes.
This way you don’t have to deal with Javascript errors and have bloated code.
Also all your widgets are spit out with unique classes that you can apply css too or a general class of .widget which will target every widget.