Docs

[helloari]

HEY guys,
I have added one custom menu for some special purpose. Please refer my screenshot you’ll understand what I want to say.

I need to make these menus either inline or enable mobile mode..
Please let me know.

[helloari]

This reply has been marked as private.

[Joao]

Hi There,

Try addind the following code to your appereance Customizer Custom CSS and see if it solves your issue.

#menu-administrative {
  padding-left: 0px;
}

Hope that helps,

Joao

[helloari]

This reply has been marked as private.

[Rue Nel]

Hello There,

You cannot align them because there is no longer enough space for your logo and menu items including the admin menu and the icons. The best thing would be to trigger mobile menu instead.

Or maybe, just add the entire admin menu item in the primary menu. We will just hide it using css when someone is login or logged out.

Hope this helps.

[helloari]

Ya, thats what I want to know.. How to trigger mobile mode after passing that width??

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media(max-width: 1000px) {
  nav.x-nav-wrap.desktop {
    display: none;
  }

  a.x-btn-navbar {
    display: block;
    float: right;
  }

  .x-nav-wrap.mobile.collapse.in {
    display: block !important;
   
  }

Hope that helps,

Joao

[Author]

Posts