Changing alignment of Nav. Overlay Toggle

Hello all,

I am using the Nav. Overlay stack for my site menu.

I would like location of the Toggle to be different on Desktop and Tablet (right aligned) and Mobile (centred).

I’ve tried to work out the CSS to achieve this with a media query but can’t figure out which CSS code I need to customise to achieve this.

Has anyone tried this before?

My back up would be to use the visibility/non-visibility stack with two lots of the Nav. Overlay stack used but it seems cleaner to amend the CSS if I can.

Thanks in advance for any help you can offer!