Center header navigation menu?

  • I almost feel bad for asking this because I should probably know the answer, but it’s a little more complex than simply centering the navigation menu.

    Here is the site

    https://www.circleofvoid.com/

    And what I would like to do is center (or more appropriately, offset) the navigation menu so that it’s centered in between the logo on the left and the rightmost side of the header.

    Thanks in advance for your help.

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

  • Hey Hi!

    I am looking for something similar could you tell me how you achieved it?

    Hi TabaShah,

    Please post your website url.
    I will try to provide a CSS solution for you.

    Thanks!

    Thread Starter mort_subite

    (@mort_subite)

    Uh, not to be a jerk or anything, but I started this thread and no one has helped me yet, so perhaps if you can see your way clear to helping me as well as TabaShah, that’d be greatly appreciated.

    Hi mort_subite,

    Sorry! I thought you are not needing help anymore.

    In your WordPress admin -> Appearance -> Customize -> Advanced Options -> Custom CSS. Please try out the following codes.

    @media screen and (min-width:1200px) {
.brand, .navbar-wrapper {
    left: 10% !important;
    position: relative !important;
}
}

    You can make adjustment to 10%.
    Screenshot https://prntscr.com/8ioz4z.

    Hope this helps!

    Thanks!

    Thread Starter mort_subite

    (@mort_subite)

    No problem. Thanks for the help!

    This works in a roundabout way, but I was wondering if there is any way to move the navigation bar to the left of the “circle of void” logo/home button independently of the nav-bar.

    Basically, I’d like to keep the “circle of void” logo/home button where it is, and center the navigation bar between the right side of that logo, and the left most side of the page.

    Thanks for your help! If there isn’t a way to do what I’d like it to do, this will do in a pinch, and Im sure it will help others.

    Thank you denzel chia!
    here the link to site https://www.tech-x.org/.
    what I would like to do is to move the menu to center. its now right aligned. I tried using the above code with different values but couldn’t accomplish.
    secondly, can you help me with moving the tagline under the logo?

    To TabaShah,

    Please try adding the above codes in your Appearance -> Customize -> Advanced Options -> Custom CSS It’s for the menu.

    .navbar-wrapper {
    left: -200px !important;
    position: relative;
}

    As for the tagline, sorry I cannot move it to under the logo.
    I suggest you edit your logo to include the site tagline underneath it.

    To mort_subite,

    Sorry, I cannot visualize your request.
    Can you please use a screenshot with some arrow annotation and probably some text to explain?

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Center header navigation menu?’ is closed to new replies.