Logo and Menu not aligned/centered

Hello. I have opted to center align my menu and logo, but it appears that they are slightly off.


You can see that my logo and menu do not site in a centered alignment with each other. Any help resolving this would be greatly appreciated.


You can add the css code below to the styles.css file in your child theme, or use custom css plugin.

.site-branding {
    padding-left: 25px;

you can adjust the value of the padding-left from the code in above

Thank you, that did it!