Gallery Formatter Adjusting the Width of Gallery-Thumbs I am using a Gallery Formatter on my site. The thumbnails are appearing below the main image, the size of thumbs-gallery is exactly the same size as gallery-slides. I actually want thumbs-gallery to appear from one corner of the window to the other. My div which contains this Gallery formatter gallery has 100% width of the document, So I gave the thumbs-gallery the width 100% which does what I want but when I am clicking the arrow to scroll the thumbs it at the end of the thumbs gives a large blank space, on clicking again it starts fine from the start. 

Please suggest how to achieve my desired result. 

Following is the link of my page on which I am getting problem, just click the arrow to scroll twice to see the problem

http://zgphotographydubai.com/content/industrial
make shure the empty li's have no width specified (or are now shown at all). change

&lt;li class="empty" style="width: 121px;"/&gt;


to

 &lt;li class="empty"/&gt;


if you cannot manage that - do it via css

.gallery-thumbs li.empty { width: 0px !important; }