[slitweb]

Hello styleman!
I was facing the same issue and wrote an easy jQuery solution to this.

What my solution does:
it “detaches” the hidden popup window div from its current location in DOM and then appends it at the end of the DOM before footer element. This way it will be sitting above all other elements in your DOM.
In my case the wrapping div has an id called #main-content. You simply have to find out your main content wrapper before footer element and insert your id or class name instead in my script.
Then add this script to your website:

if($('div[id^=sf_popup_window_]').length) {
   $("div[id^=sf_popup_window_]").detach().appendTo("#main-content");
}

[Author]

Posts