Navigation Dropdown - Secondary Links To Dropdown As Well?

[tamertrad]

I’m building a fullscreen Dropdown menu but I’m having trouble setting the submenu (Secondary Links) to open in the “down” direction.

Can you please explain how to set the secondary links menu to dropdown as well with screenshots? Ill be more than thankful.

Thank you
Tamer

[ruenel]

Hello Tamer,

Thanks for writing in!

Instead of using the Dropdown Menu, please use the Dropdown element and then insert he Navigation collapse.

• https://theme.co/docs/dropdown
• https://theme.co/docs/navigation-collapsed
• https://theme.co/docs/navigation-dropdown
• https://theme.co/docs/navigation-layered

By the way, can you please share the URL where we can see the screenshot above?

Best Regards.

[tamertrad]

Hi Runel,
I inserted the Navigation Collapse. It appears on mobile view only. This is URL https://zaatarmama.lk.mywebcontent.org/

How can I move the dropdown Navigation Collapse exactly under the header bar? and full how can I make it fullscreen starting under the header bar? can you please advise with some screenshots?

Thank you

[christian]

Hey Tamer,

There is no option to position the Dropdown. The only way to push the Dropdown down is to increase the size of the Toggle.

Regarding making it fullscreen, that is not possible. I’d recommend you use the Modal element instead to cover the screen with the menu when clicked.

If you wish to continue making the Dropdown fullscreen, that would require element modification using custom CSS. That is not covered as part of our product support.

If you want to receive customization guidance, please subscribe to our One Premium Support.

Thanks.