@julescameron
On second thought, we have managed to find out what the problem is. The problem is caused by the fact that you have set the slider size similar to the browser’s size. So these are the events that lead to the problem:
- You need to look at the slider on a browser size that is just a little bit smaller than the slider itself. Like this the slider’s height is e.g. 5px bigger than the browser’s. Because of this, the browser’s scrollbar will appear.
- Since the scrollbar appeared, the width of the browser gets reduced by that much.
- Our slider by default uses a size ratio to determine the size. So since the browser became smaller in width, the slider become smaller in width and height to keep the size ratio.
- Since the slider’s height has become smaller (and you have no other content on the page), the slider is no longer bigger than the browser, thus the browser hides the scrollbar, since there is nothing to scroll to.
- And the issue from now on repeats, since that way the browser becomes bigger -> the slider becomes bigger in width and height due to the size ratio, and we end up at the beginning of the cycle again.
There are 2 possible solutions to this:
1. Use the following CSS code to always show the scrollbar:
body{
overflow-y: scroll;
}
You could go to the slider’s settings -> Developer tab and insert the code into the CSS field:
https://smartslider.helpscoutdocs.com/article/1806-slider-settings-developer#css
2. In the Pro version we have a Fullpage layout:
https://smartslider.helpscoutdocs.com/article/1777-fullpage-layout
which achieves the design you originally intended to achieve, so it makes the slider as big as the browser.
However due to the forum guidelines, we can only provide support for the Free version here, so in case you have further questions related to Pro features, please rather contact us here:
https://smartslider3.com/contact-us/support/
