White gap because of browser scrollbar

swamyg1's Avatar


11 Dec, 2012 05:25 PM

Hi There,

I have the slider functioning great on my site, but I have a gap on the right side of the page when the browser loads. I tried using html or body overflow: hidden but it does not allow the user to scroll vertically. Can you help with this please?



  1. Support Staff 1 Posted by Dmytro Semenov on 11 Dec, 2012 08:03 PM

    Dmytro Semenov's Avatar


    Force the scrollbar by adding overflow:scroll to body, Or call update slider size method after page is loaded. - jQuery('.royalSlider').royalSlider('updateSliderSize', true);

    Your layout is changed after slider initialization without triggering any resize events.


  2. 2 Posted by swamyg1 on 11 Dec, 2012 08:15 PM

    swamyg1's Avatar

    Hi Dmitry,

    Any idea what could be causing the change to the layout?

    I tried the addition of the script but it had no effect.


  3. Support Staff 3 Posted by Dmytro Semenov on 11 Dec, 2012 09:30 PM

    Dmytro Semenov's Avatar

    It might be caused by your carousel scripts and change layout.

    try also to move slider initialization code to the bottom of the page, or delay it.


Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac