Mobile Menu position and order


Please help me figure out why the menu stays in this position - centered on the screen - want it to be higher up closer to the header. Also, I can’t seem to add a space between each menu item - see how it’s just lumped together… thanks!

Hello @levisblugenes,

Thanks for writing to us.

To change the space between menu items I would suggest you go to Navigation Layered element —>links —>Padding

By default, there is no option to set the position of the menu I would suggest you please go to the Navigation modal element —>customize —>element CSS.

Add this CSS code

$el .x-modal-content-scroll-area{justify-content: flex-start;}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps
Thanks