Docs

[tparkmedia]

Hi, I centered my logo following this: https://community.theme.co/forums/topic/making-logo-be-in-the-middle-of-the-nav-bar/#post-161784

And then I added this code to make the menu items justified. (Or I think it is, not sure)

@media (min-width:979px){
.x-navbar .x-container.max.width {
width: 100%;
max-width: 100%;
}
.x-nav li {
width: 33%;
}
li#menu-item-239 {
text-align: right;
}
.logo-menu-item {
padding-top: 10px;
}
}

but it doesn’t make it justified. I want the menu bar to be spaced out like this: http://www.dropbox.com. Please help! Thank you!!!

http://www.desqtopappraisals.com
Wordpress 4.5.3
x version 4.5.2
corenerstone 1.2.4

[Rue Nel]

Hello There,

Thanks for writing in!

Do you want some thing like this?

If that is the case, please update your code in the customizer, Appearance > Customize > Custom > CSS and use this instead:

@media (min-width:979px){
  .masthead-stacked .desktop .x-nav {
    display: table;
    width: 100%;
  }

  .x-nav li {
    width: 33%;
  }

  li#menu-item-239 {
    text-align: right;
  }
  
  .logo-menu-item {
    padding-top: 10px;
  }
}

We would loved to know if this has work for you. Thank you.

[tparkmedia]

Woohoo! That’s exactly it! THANK YOU!

[Rahul]

You’re welcome!

[Author]

Posts