I am working on a clients website using your Specular Theme. Everything looks great, but the client slider gives me a slight headache and I am hoping you can help me with this.
I am trying to display a row with 6 items in a carousel. I found the file specular/js/main.js and changed the number of items to 6, but it just doesn’t display right. It shows 4 1/2 images, which is due to the current website width setting, but it also doesn’t display the left and right arrows anymore. Something’s messed up here and I can’t figure out what it is.
Also, I wanted to put the max side width to 1060px and set the container width to 100% in the Specular theme options, but that just makes the client slider act out even more. It’ll display 3 items very large, once you resize the browser window just a little it’ll show all 6 items but not the way they should be displayed… And: still no navigation arrows.
I would greatly appreciate you taking a look at the page and telling me what I’m missing here..
Don’t know if it’s important, but my main screen has a resolution of 1920×1080 pixels, maybe there’s some css code which gets applied for that resolution…
What part of the code did you edit in file js/main.js? I suggest you try this: find functon: codelessLayoutChanges() and edit the column value in this line:
