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 1 year, 3 months ago.

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

    ismamartinez
    Participant
    Post count: 26

    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/
    #41013

    Tony @ AlphaBlossom
    Participant
    Post count: 509

    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.


    #41127

    ismamartinez
    Participant
    Post count: 26

    Thanks Tony!

    Worked perfect!!!

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

You must be logged in to reply to this topic.