Using a mega menu modal, we’re trying to change the size of the vertical space between the toggle and the modal window. I feel like we’re missing something obvious, but wondered if you could let us know how to do that?
Thanks in advance for your help.
Hey @nickyker,
It’s hard to answer your question without context so I’d first guess what you need.
If you want to reposition the modal a bit, try adjusting the Modal’s top padding.
If that doesn’t help, kindly provide the following:
Thanks.
Hi @christian, thanks for the reply.
We tried adjusting the padding as you suggested, but that adds padding inside the modal window rather than moving the whole modal window up. I’m sure we’re just missing something basic here!
The modal is on a dev site, so there’s no public URL, but I’m attaching a screenshot and explanation below in the hope that helps.
The modal is in the header. We would like it to look like a dropdown menu, so vertically aligned to the bottom of the navy header section.
Here’s what it looks like at the moment:
Many thanks in advance for your help.
Hello @nickyker,
By design, Modal Contents display at the center of the browser page. If you want to move it up or changed the position, you have to change the flexbox margin of the .x-modal-content element. Check out this video to be familiar of how the Flexbox works:
Be advised that custom coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
