I’m currently trying to use SA sliders as I have found slider revolution to be extremely slow, however I’m experiencing that the SA sliders aren’t full width of the page and I’m imagining that this may have to do with the fact I’m using a Custom HTML block and inserting the slider with shortcode.
Is there a way around this and to integrate SA sliders in the same way as slider revolution so it will take up the full width of the page? The row itself is set to 100% and upon inspecting the element it appears that the DIV is taking up the full width. I’ve also played with the SA slider settings but there still padding on the left and right side.
Hi Joseph
Thanks for posting. If you’ve set the row as Full Width Stretched then it’ll be up to the slider to remove its container constraints.
Checking this https://wordpress.org/support/topic/stretch-slide-to-full-width/ it doesn’t sound like there is a constraint. Please, can you send a link to the page concerned?
I'm unable to provide a link as the site is currently under construction mode due to some stages needing \sign off before going live. Is there any part that you would need to inspect that I could screenshot and share for assistance?
Thanks for your reply. A live site means that we can use the browser developer tool to inspect the code, have a look at the containers, and the CSS targetting those containers. If you’d like to send a link once the page is publicly viewable, we’d be happy to take a look then.
I can get around this by sharing a password protected preview – the password is: Private Snippet
Private Snippet
Thanks. Is the row full width stretched? You can edit the Page Builder row by clicking the wrench icon far right > Layout > Row Layout.
Hi Andrew,
Yes it is, see link here: https://imgur.com/a/Na6GAjq
Slider Revolution worked fine in the same row and according to the dev of SA Sliders, the slider will assume the width of the container it is placed in.
Thanks for the screenshot. Please, click the Layout tab on the right shown in the screenshot, then Row LayoutFull-Width Stretched. Your screenshot shows a single column. If you add another column you’ll see 2 x 50% containers but they exist within the theme’s container unless you “break out” of that container using Row Layout.
Thank you so much! That was confusing the hell out of me. That fixed my issue. :)
Super, glad to hear that helped :)