Top menu sits over modal window

Hi – We run an online database that opens additional information into a modal window. However functionality is impaired by the top menu sitting over the modal window making parts unreadable. Is there any way to prevent this behaviour.

Hi

Please provide your site url so we can have a closer look and get back to you with a more accurate answer.
Thanks!

Hi Andrei – the page url is http://breedingnews.com/new-rankings-test-page/. The problem occurs when you click on the sales detail link in the last column to view the window.

Thanks

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/5EHj9igvgcS4

.td-header-main-menu{
z-index: 0;
}

Thanks!

Perfect – thanks very much for help

Hi Andrei

Sorry – actually not perfect. With that addition I have now discovered that it prevents the drop down elements of the menus from operating so I have had to remove the CSS as otherwise clients cannot navigate around the site.

Hi

As this is important information for our subscribers we had to make the original page live. I have built a replacement for you to view at http://breedingnews.com/database-test

Thanks

Peter

Hi

The css won’t work in this case as the html structure does not allow a proper target without affecting the main menu. There is needed a bit of js to hide the main menu when the user clicks on view button.
Unfortunately I can’t provide a solution for the moment as this task involve some customizations in order to be achieved.
We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!