Right Padding on open overlay

I think I got it…

Turns out that the pop is adding ‘aria-hidden’ to my <nav> tags (where my menus are) and adding 15px padding on the right. I just added a new css rule to body>[aria-hidden] with 0 padding to my custom theme css file and that worked.

But I am curious…. why would the popup be adding the aria-hidden to my <nav> menus?

@streamworksaudio – We add it because 99% of themes out there don’t position based on the right scroll bar location ;).

For most sites this allows us to properly hide the document scrollbar and replace it with the one on the overlay. So you can essentially scroll the contents of a long popup without affecting the scroll position of the page underneath.

On some themes though it turns out they position elements on that right side for whatever reason. When they do and we pad the right side, their content jumps. We do so you don’t see the content width jump when we hide the document scrollbar. In these rare cases though the opposite occurs and requires manual intervention.

Obviously there is no one size fits all solution here, even the solution you found would likely not work for many of the other users who see this as their theme is different. But our current solution does work on 99.9% of our users sites based on support tickets, not much we can do to cover the full 100% unfortunately.

We are always looking though.

Hope that helps.

Hi Daniel,

Thanks for the reply. The theme is my own that I wrote and uses a lot of Bootstrap. I was able to correct it by adding padding-right: 0px !important; to each of the three containers that were be affected by the plugin’s right padding.

Perhaps there could be a way in a future updated to make some of the core css settings as options. Just a thought ??

Cheers