Modal housed within #page div or children

Hey bindslind,

Can you tell me why you would need to? They should be loaded before the scripts typically.

Willing to help, just not sure I understand the problem we are trying to solve. Or if this is the best way to solve it.

Thank you very much for the response.

I’m going to use the modal to drop down some specific post content under the main horizontal nav after a nav item is clicked. Because the modal’s code appears outside any of the page divs, it is not able to keep it’s horizontal position under the main nav when the browser window is resized (ideally the modal would have to be the child of a container positioned relatively).

Does this make any sense?

Hey bindslind,

Yes it does, im just wondering if modals are the proper solution here. Wouldnt something like a mega menu type plugin be better suited?

I have never considered it but in future i could allow positioning based on another element which may solve your issue without haveing to modify position of code.

It may be a useful option for more flexibility, however I got it to position correctly by forcing the outer emodal container to 100% width and sizing the inner div’s width and adding margin: 0 auto.

Thanks again.

Sorry for the delay, been extremely busy few weeks.

It may also be worth noting that you may want to try Popup Maker ( Easy Modal v3 ). It has a simple migration process integrated. It has way more powerful positioning and sizing tools.