center logo but keep menu right-aligned

Viewing 7 replies - 1 through 7 (of 7 total)
  • chris1design

    (@chris1design)

    9 years, 12 months ago

    Hi Topherbeats,

    It would help me if you give the Url of your site so I can send you the code to put the menu on the right. Thanks! Chris

    Thread Starter topherbeats

    (@topherbeats)

    9 years, 12 months ago

    http://www.printambition.com

    thanks!

    chris1design

    (@chris1design)

    9 years, 12 months ago

    Hi Topherbeats,

    Here’s some code I’ve found that will place your logo in the center and keep the nav bar on the right:

    #nav-main {
  position: absolute;
  top: 0px;
  right: 0px;
}

#thelogo {
  position: absolute;
  left: 425px;
}

    You just have to add this code to your style sheet or custom.css file. Hope it solves your problem.

    Thread Starter topherbeats

    (@topherbeats)

    9 years, 12 months ago

    This did the trick. Thanks, Chris!

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    9 years, 12 months ago

    Umm, not a good idea, this won’t work on mobile.

    Try setting your header with the logo in the center and the menu below then add this:

    #nav-main {
position: absolute;
top: -50px;
right: 0;
}

    Also make sure you set up a mobile menu.

    Kadence Themes

    Thread Starter topherbeats

    (@topherbeats)

    9 years, 12 months ago

    that works better. thanks, mate. much appreciated.

    luukip

    (@luukip)

    9 years, 11 months ago

    Do you know how to split menu by logo. I can position logo in center, but no idea how to put 3 menu position on left site and the other 3 on right one…

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘center logo but keep menu right-aligned’ is closed to new replies.