Center button in nav menu on smaller breakpoints

Hi,

Here is a link to my site: https://preview.webflow.com/preview/apextuitionaustralia?utm_medium=preview_link&utm_source=designer&utm_content=apextuitionaustralia&preview=8388ca069399ccfeebb84275a77e7f58&pageId=5e9bbe309ba5996007001efb&mode=preview

I am trying to design my nav menu for smaller breakpoints where there is a drop down menu. I want all the items centred. I have been able to center the nav links, but the last link I have in the navbar is a button that I also want to center.

It looks fine on a Desktop breakpoint, but I am unable to center the button when there is a drop down. If anyone has some advice about how I can center this button, while keeping the general formatting the same, that would be great.

Thanks

1 Like

OK, you used a grid, which seems a bit much. Anyhow I “solved” it by putting the button in another div with flex and justify centre

Simply set the button’s left and right margin to Auto :slight_smile:

Thank you both! Fixed now :slight_smile: