Text on top bar looks doesn't look centered


The menu that’s on the top bar of my site does not look centered, and I’ve tried changing the logo’s resolution and even using an extremely small logo (thinking the top bar was being stretched by the logo), but I haven’t had any success since those are apparently the default dimensions for the top bar.

Is there any way to add some padding/margin to the menu to make the buttons look more centered/in the middle in stead of looking way too close to the top?
Maybe editing the CSS in the editor, but I don’t know what part to edit.

Im attaching a link ti an image for reference.


Hello Shervin,

Please try to use the following CSS code to lower your main menu:

#mainnav {
    margin-top: 20px;

You can add CSS code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.