Docs

[rkassebaum]

Say, I would like to adjust the main menu bar when you are on an ipad or tablet. The main menu splits into two rows which is fine. However, I would like to have the two rows center vs the second row starting from the clear left. It will just look better if the two rows will automatically center. http://www.atakravmaga.com

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .masthead-stacked .desktop .x-nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }

  .x-navbar .desktop .x-nav>li {
      float: none;
      display: inline-block;
  }
}

Hope this helps.

[Author]

Posts