Pagelines version: 2.4.3
Browser(s): Firefox v21.0, Safari 6.0.3
I'm currently building a site (that will itself become a "template" of sorts), trying to reconsruct an existing layout that was originally created with Platform Pro, but this time using only built-in Pagelines features instead of thrid party plugins. Our sites traditionally have both "Contact Us" and "Appointment Request" buttons at both the top and bottom of the page. Previously these have triggered a lightbox type popup into which a page containing the appropriate form was loaded. I love the Modal functionality, so would like to replicate these buttons, but using the modal instead.
In the Header I've used the Universal Sidebar so that I can vary the style (with CSS) of the bar on a per site basis - for example on some it will scroll with the page, while on others it will be fixed, it also may have a solid or gradient background. For the Footer the section has just been added directly to the Footer sidebar. I have all of this displaying as per my requirements - with the CSS yet to be cleaned up - however I'm finding that while the buttons in the Header activate the Modal, the backdrop is covering it. The z-index of the elements seems to be correctly set, the same as if they're activated from the buttons in the Footer. The Footer buttons work as expected.
Is there a way of either fixing this - I've tried different z-index settings but they don't work - or is there a way of calling the Footer modal(s) from buttons in the Header (Universal Sidebar) instead of having multiple instances of the same modal?
The URL for the test site is here:
Thanks in advance.