How to get nav nestable toggle button centered

How To
1

Desperatly trying to get the toggle (hamburger menu) of nav nestable centered in my mobile menu.

Screenshot 2026-10-10 141654
Screenshot 2026-10-10 141654490×230 19.9 KB

Screenshot 2026-10-10 141809
Screenshot 2026-10-10 141809478×227 10.2 KB

Is it possible to get it all centered hamburger menu closed and the opened version appearing below the hamburger. Following a screenshot of the structure panel:

Screenshot 2026-10-10 142212
Screenshot 2026-10-10 142212239×482 9.68 KB

I did many attempts of centering self aligning and AI.

Would appreciate your help.

Thanks in advance, Thomas

3

Hi Thomas,
Welcome to the forum!

At your mobile breakpoint, use these settings under Style → Layout:

Nav (Nestable):

  • Width: 100%
  • Position: relative
  • Align main axis: center

Nav items:

  • Position: absolute
  • Top: 100%
  • Bottom: auto
  • Left and right: 0
  • Left and right margin: auto
  • Height: auto
  • Max. width: 100%

Set your desired menu width under Nav (Nestable) → Content → Mobile menu → Width.

This centers the hamburger and positions the entire opened menu directly underneath it.

image
image309×432 39.3 KB

image
image309×706 62.5 KB

4

Thanks a lot, that helped. Best regards Thomas.