Navigation
Archive / Navbar social icons and re-order items (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • January 5, 2017 at 9:08 pm #1318324

    Friech
    Moderator
    This reply has been marked as private.
    January 6, 2017 at 4:06 am #1318633

    vojtechzikmund
    Participant

    Thank you Friech!

    It works flawlessly on the computer and tablet device, but when I go mobile the menu is two line instead of one. Is it possible to shrink it to one single line? I’m attaching screen how it looks on my iPhone 6 and iPhone 5S.

    January 6, 2017 at 7:23 am #1318779

    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 480px) {
.x-navbar .x-container.max.width {
     width:100%;
}

.x-navbar .desktop .x-nav > li > a {
    font-size: 12px;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px;
    padding-right: 10px;
}
}

    Hope that helps.

    January 6, 2017 at 8:19 am #1318832

    vojtechzikmund
    Participant

    Flawless!

    Thank you very much! 🙂

    January 6, 2017 at 11:54 am #1319086

    Joao
    Moderator

    Glad to hear it 🙂

    Have a nice weekend.

  • Author
    Posts
1 2