Hi there. I set up my canvas to be 960x540, but when I loaded it onto my site, it's coming out slightly wider (980?). The provided URL shows the slider at the top and a sample 960x540 image below it as comparison. Thanks!
As I can see you are using a DIV element that contains several sub-elements and a part of the content as well.
This DIV has the following class set: class="row limit-width row-parent" Also, this DIV is 960px wide but it has left and right padding (36-36px). This means that the content inside it can only be 888px wide (960-2x36=888). The reference image you have added is indeed 960px wide but it will only be displayed as 888px for the above mentioned reasons.
The slider itself however is reaching out of this DIV and the 888px limit, so it is showing the original default size. The misalignments are caused by this.
Hi there. I set up my canvas to be 960x540, but when I loaded it onto my site, it's coming out slightly wider (980?). The provided URL shows the slider at the top and a sample 960x540 image below it as comparison. Thanks!
As a follow up, the slider isn't centering on the page either. It seems to be pushed to the right by about 10 - 15px. Thanks!
Hey suggieoh,
As I can see you are using a DIV element that contains several sub-elements and a part of the content as well.
This DIV has the following class set: class="row limit-width row-parent"
Also, this DIV is 960px wide but it has left and right padding (36-36px). This means that the content inside it can only be 888px wide (960-2x36=888). The reference image you have added is indeed 960px wide but it will only be displayed as 888px for the above mentioned reasons.
The slider itself however is reaching out of this DIV and the 888px limit, so it is showing the original default size. The misalignments are caused by this.