Hi. I created a custom off canvas and set its width to 100%, so it spans the entire screen.
The off canvas includes a header, followed by a nested dropdown navigation and a contact footer at the end.
Whenever I click on the menu to open a submenu both the header and footer will disappear or move right next to the nav element (instead of staying above and below it).
Dropdown element has static enabled!
Any suggestions?
Hi,
It’s hard to say without seeing it, but try to change the flex-wrap of the offcanvas content block to the opposite.
Thank you, that fixed it (setting content to nowrap). I’m encountering another problem however.
When scrolling over the expanded submenu on my smartphone in the Custom OffCanvas, the submenu will quickly appear/disappear. On the official bricks web this mechanism works flawlessly however.
Demonstration of the issue:
https://imgur.com/a/custom-mobile-menu-bricks-test-8gHWxLe
My offcanvas/navigation structure:
https://imgur.com/a/bricks-site-structure-z3ZhlCV
I am glad that the problem could be solved.
A live link and information on which device/browser the problem is occurring would be great.