Logo and menu center aligned [Minimum]

[ismamartinez]

Hi!

I set up this site http://lagunabark.com/wp/ but I would like to align the logo and the menu on the center instead of left and right.

Any help on how to change this?

Thanks in advance,

Isma

http://lagunabark.com/wp/

[Tony @ AlphaBlossom]

Hello,

Currently your logo image is a full width image (1140px by 100px), so to center that you would have to edit your image and (keeping the same dimensions) place the logo in the center.

To center your menu, go to line 218 (approx) of your child theme style.css, and change it to:

#header .widget-area {
float: left;
margin-top: 60px;
width: 100%;
}

you'll probably want to change your "margin-top: 60px" to a smaller number.

around line 276, change to:

#header .menu {
float: left;
text-align: center;
width: 100%;
}

around line 288, change to:

.menu-primary li, .menu-secondary li, #header .menu li {
display: inline-block;
float: none;
list-style-type: none;
}

That should take care of it.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[ismamartinez]

Thanks Tony!

Worked perfect!!!

[Author]

Posts