Hi @shanechu!
The problem on your website is, that your page builder uses tables without widths to position your content. Like this tables are checking the content inside them to figure out how wide they should be and the way our slider works is, that it is adjusting itself to the parent element’s width. So the problem is, that both the parent and our slider is checking each other’s widths to figure out how wide they should be.
In this case you could use this CSS code:
#column-5b71243594600 .fw-main-row{
max-width: 700px;
width: 100%;
}
to give a width to the parent element where our slider is. You could write this for example into the CSS field of your slider:
https://smartslider3.helpscoutdocs.com/article/1294-slider-settings-developer
But everywhere you would need to specify this where you have our slider (except at Fullwidth sliders with the default force fullwidth turned on: https://smartslider3.helpscoutdocs.com/article/399-responsive-mode-fullwidth ). For this what I could suggest is to check out this video to see how to inspect elements:
https://smartslider3.helpscoutdocs.com/article/318-chrome#video
and use the ID of the column as I did to add a maximum width to it. But if you are only using our slider here, then you won’t need this, only the CSS code I wrote.
Please let me know if for some reason this wouldn’t solve your problem!
