Logo and menu center aligned [Minimum]

Community Forums Forums Design Tips and Tricks Logo and menu center aligned [Minimum]

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  ismamartinez 2 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #40277



    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,



    Tony @ AlphaBlossom


    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.



    Thanks Tony!

    Worked perfect!!!

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

You must be logged in to reply to this topic.