Center button in nav menu on smaller breakpoints


Here is a link to my site:

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.


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: