Hello There,
It looks like you try to achieve something like a mega menu.
Are you trying to achieve something like this : https://la-seve.fr/ (while hover over “shop”) ?
If yes, it can be enabled with pro and no plugins are needed.
Also it is possible to set up “click” instead of hover.
Here is how i proceed :
1/ Create a Header
2/ Create a Bar
3/ Within the container, put the element mega menu
4/ When you select the mega menu, you should add a custom css class, something like mega–1 for exemple
5/ add that css :
.mega–1.x-dropdown {
left:0!important;
}
6/ At this point you should have the dropdown to appear to the very left of your screen. Then you can ask it to be width 100vw, this way the dropdown will be displayed full width.
7/ Then you simply need to add Divs/row within your mega-menu element in order to design what you want to achieve. From what i see, a single div with flexbox enabled should do the work
I’ll be happy to help more if i could. Please ask me if you have any question
Best