Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2015 at 8:12 pm #509570
    September 27, 2015 at 3:45 pm #509693
    Elliott

    Hi RebeccaMaguire!

    You can use this CSS to center the logo.

    .logo {
    left: 50% !important;
    transform: translateX(-50%);
}

    Are you wanting to split the menu links around it? If so then let us know which link to split it at.

    Regards,
    Elliott

    September 27, 2015 at 7:47 pm #509739
    RebeccaMaguire

    Hi Elliott,

    Thanks for the quick response!

    Unfortunately, this code seemed to do nothing.

    And I would like to split the menu so that the logo is centered between part of the menu. I’m thinking for now split between About and Services. Obviously it’s not going to be even and I may have to remove one of the links, but I can adjust all that later on as well as making the logo smaller, just need to be able to bring the logo into the middle of the menu.

    Thanks!

    Rebecca

    September 28, 2015 at 2:37 pm #510109
    Andy

    Hey!

    if you want it similar to your example page, then use this code in Quick CSS:

    strong.logo {
top: 50px;
}
li#menu-item-47 {
left: -200px;
}
li#menu-item-49 {
left: -200px;
}
li#menu-item-53 {
right: -300px;
}
li#menu-item-46 {
right: -300px;
}
li#menu-item-45 {
right: -300px;
}

    and adjust as needed.

    Cheers!
    Andy

    September 28, 2015 at 6:38 pm #510350
    RebeccaMaguire

    That did it! Thanks a lot, Andy!

    Rebecca

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo Centered In Menu’ is closed to new replies.