Menu button not centering

Hi everyone,

I’m trying to center my menu button icon in my navbar but I can’t figure out how to get the job done. I’ve tried various methods, but I only end up moving it to the bottom.

Any help is appreciated!


Here is my site Read-Only: LINK

Hi Edward,

are you trying to center it within its grid cell?

You can do it with this setting on your menu button:

grafik

@Edward_Powell - remove the 100% height on your menu button:

image

Then set menu button icon wrap to display: inline-block

image

1 Like

@sam-g That was it! Do you mind explaining why this solution works? I was trying to avoid setting the height on the element, but it seemed to be the only way I could get it to move.

Thanks for the solution!!