Top Menu Format Thickness

There are two issues with my top menu bar:

1st it seems that the menu is overly large or thicker than it is supposed to be. How can I shrink the space between the first line and the second line?

2nd it seems that the visual style element of the colors with the bar on the right is cut or misplaced and you can see that the format is in the wrong position. This manifests as a split in the colors. How can a clean this up?

Visit: bahaisofphoenix.org

Thanks

Hello,

1. Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1200px) {
    #masthead .main-navigation li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #masthead .main-navigation {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

2. Please create a new topic for your second issue to keep the forum in good order and make it easier to help you.

Kind Regards, Roman.
aThemes Support

I have set all these parameters to 7px. I hope this will not cause any issues?

Hello,

I have set all these parameters to 7px. I hope this will not cause any issues?

Hopefully not, but you can change them back if you notice that something went wrong.

Kind Regards, Roman.
aThemes Support