Archived topic

Navigation bar alignment

3 replies · Started by Sandeep on March 22, 2021

Viewing posts 1–4 of 4

March 22, 2021 at 6:37 am #1704931

I am trying to customize my navigation bar as below:

LOGO on left , Primary menu on center, off canvas menu on right of screen.

Currently, Primary menu and hamburger menu aligned to center. I want to move the hamburger menu to right.

Is there any simple way to do this using the customizer?

Please find the attached URL.

Thanks

March 22, 2021 at 7:57 am #1705237

Hi there,

you will need to add some CSS:

@media(min-width: 769px) {
  .nav-float-right #site-navigation {
    margin-left: unset;
    margin-right: unset;
    flex: 1;
  }

  #primary-menu {
    margin: auto;
  }
}

March 22, 2021 at 8:07 am #1705251

Hi David, that solved my issue. Thanks.

March 22, 2021 at 8:30 am #1705293

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.