Epik header widget custom menu, floating a little too high

Tagged: epik navigation

This topic has 5 replies, 2 voices, and was last updated 10 years, 2 months ago by Wes.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 5, 2014 at 12:40 pm #10418
Greg P
Customer
I can’t figure this out.

Site: http://www.bluelineseptic.com

See the menu in the header. I want it centered, vertically. So far, nothing has worked.

Thanks for any help.

Greg
February 5, 2014 at 6:20 pm #10428
Wes
Moderator
You want it to look vertical like this? – http://i.imgur.com/cz6emKP.jpg

If so, look on line 2016 in your css and remove or change the float to none –
```
.genesis-nav-menu .menu-item {
float: none;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
```
February 5, 2014 at 7:46 pm #10434
Greg P
Customer
Hi Wes,

No, I still want a normal horizontal nav — just trying to center it vertically.

I’ve removed padding, added it back, removed the header…

It’s basic. I just can’t find the right code.

Check it out here — I added a red line to my screenshot:

http://www.gregpayette.com/align-header
February 6, 2014 at 9:11 am #10442
Wes
Moderator
You can add padding-top to the widget area on line 1988 in your css –
```
.header-image .site-header .widget-area {
    padding: 16px 0;
    padding: 0rem 0;
    padding-top: 20px;
}
```
and that should make it center.
February 6, 2014 at 9:20 am #10446
Greg P
Customer
Ahhhh okay. I kept removing padding thinking the logo would keep it opened up.

This is the only time I’ve had the nav not align in the middle with Epik, so I thought maybe it was a header height issue.

Thanks Wes.

Greg
February 6, 2014 at 11:52 am #10454
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Epik header widget custom menu, floating a little too high’ is closed to new replies.