How do I center the text in navbar

Hi..

Please go to Admin Dashboard >> Appearance >> Theme Options >> Theme General Settings.

Now copy below CSS Code into Custom CSS Editor.

.navbar-nav li {
float: none !important;
display: inline-block !important;
}
.navbar-nav{
width:100% !important;
height: auto !important;
}
.navbar-default .navbar-nav li a{
padding: 17px 30px 13px !important;
}`
Save the changes.

Thanks.

That CSS did the exact opposite of what I needed. ??

I would just like to move the text upward inside the navbar so it is in the middle.

Hi..

Please copy below css code into custom css editor.

.navbar-default .navbar-nav li a{
padding: 8px 30px 13px !important;
}

here 8px is replaced by your choice.

Save the changes.

Thanks.

OK – We got that part. Now the last thing I need is for the highlighted area to be centered with the text. Basically just shifted up a bit like the text.

Hi..

Please copy below css code into custom css editor.

.navbar-default .navbar-nav li a {
  padding: 10px 46px 10px !important;
}

Save the changes.

Thanks.

Thanks. I made an adjustment to:

.navbar-default .navbar-nav li a {
  padding: 0px 46px 0px !important;
}

so the highlighted area is smaller. Appreciate the code and endless help.

Most Welcome.

Thanks.