Modals

hiding nav bar when viewing Modal content

A Heng

Since latest update of Modals, I can't seem to hide the nav bar when viewing modal content;therefore some of the modal content is hidden. I tried to change the z-index on the nav bar but no luck. Any suggestions on what I may doing wrong.

eg:
{modal class="modalHideMenu" width="80%" height="800" article="364"}Read Trip Liability Information{/modal}

my class is modalHideMenu.css

div.com-content-article.item-page, nav, section#rstpl-main-menu-position, #rstpl-main-menu-position 
       {z-index: -1 !important; display:none !important;}

Peter van Westen ADMIN

1 year 1 month ago

Peter van Westen ADMIN

1 year 1 month ago

That is not how a classname works in CSS.
The class="..." attribute does not load your custom CSS file of that name.

Please post a rating at the Joomla! Extensions Directory

A Heng

1 year 1 month ago

A Heng

1 year 1 month ago

Would you have a solution? It seemed to have worked before the latest update. Just curious. Thanks

Peter van Westen ADMIN

1 year 1 month ago

Peter van Westen ADMIN

1 year 1 month ago

You need to make sure that your CSS file loads yourself. Probably via the template file. Or add your custom styles to the stylesheet of your template.

Then reference the classname you give to the modal in the CSS style declaration.

For more info about how elements get their styling, you can use the Element Inspector of your browser.

Please post a rating at the Joomla! Extensions Directory

A Heng

1 year 1 month ago

A Heng

1 year 1 month ago

I've resolved this issue by overriding template css line controlling the navbar. Thank you.

You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription

Modals

hiding nav bar when viewing Modal content

M Modals