I’m having problem with right aligning the hamburger menu.
The nav menu is align to the right in the regular menu bar, but the hamburger version of the menu gets aligned to the left, and I can’t get it to align to right.
Below is the image of it.
Image of menu bar alignment
I’ve tried setting the alignment in “Nav (Nestable)”, “Nav Items” and it doesn’t work.
Am I missing something here?
Could someone help me solve this.
Thank you.
Just apply justify-content:flex-end to the nav element on the mobile breakpoint, then it should solve your concern.
Align main axis is the justify-content.
Thank you very much for the reply Jornes.
I have tried to set that in the panel as in the image here, but nothing changes.
Or do I have to insert the code manually?
Thanks again
No custom CSS is needed.
Just try switching to “Style” tab, > layout > scroll down to flex > set justify-content:flex-end to see if it works.
That worked!
Thank you very much, you saved my day!
Glad I could help. 
Just to let you know, when you set flex-end under the content tab, you set it to the first level of the menu items (Primary Menu), not the entire nav element.
So, setting flex-end under the Style tab is for the entire nav element.
I got it.
Appreciate your help!
