Nav Bar is overlapping another row of content. How to fix?

On pages other than the Home page, the nav bar overlaps the next row of text that indicates which page visitors are on. I either need:

• the nav bar height to be less thick (less in height, with text still centered vertically) which might create the needed space; or
• to have some space created below the nav bar so it doesn't overlap.

http://demo77.digitalwordpower.com/ywca/

Thank you,
Glory

 

Hi Glory,

Greetings from InkThemes,

It would be our pleasure to serve you.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.menu-wrapper {
      height: 42px !important;
}

Note:- Please change the height accordingly.

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Hello, Nitin...thanks for your quick reply.

Your CSS Code helped to resolve the height issue perfectly. Thank you.

As I mentioned in the initial request, I need the text to still be centered vertically as well. The change in height has caused the second issue: the text to be off center vertically. It's now too low in the nav bar. Are you able to provide code that will resolve this as well?

With appreciation,
Glory

 

Hi,

Greetings from InkThemes,

Everything is easy for us.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu {
        margin-top: 9px !important;
margin-left :0px !important;
    }

Note:- To fix the issue of text going too low in the bar, please change the 'margin-top' value and to center the text vertically please change the 'margin-left' value accordingly.

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Nitin,

Thank you again!

Glory