Navigation
Archive / square line around menu item on small screen
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 15, 2017 at 2:30 pm #1372438
    ravido
    Participant

    Hi X theme team,

    On my main menu on small screen there a square line around the items. how can i remove it?
    Second thing, how can i change the gap between the menu items on full screen view.

    The website address id paywatch.co.il

    thanks,
    Ravid

    February 15, 2017 at 10:30 pm #1372983
    Friech
    Moderator

    Hi Ravid,

    You can add this on your custom CSS to remove the borders from your mobile menu items.

    .x-navbar .mobile .x-nav li>a {
	border: none;
}

    Navigate to Customizer under the Header panel look for the Navbar Top Link Spacing option.

    Hope it helps, Cheers!

    February 16, 2017 at 5:31 am #1373407
    ravido
    Participant

    thanks

    February 16, 2017 at 5:40 am #1373417
    ravido
    Participant

    Hi,
    Why the space in the most left menu item is smaller the the other?
    Ravid

    February 16, 2017 at 9:18 am #1373619
    Rupok
    Member

    Hi Ravid,

    This is because you are using RTL and you have some custom CSS that’s overriding usual spacing. Let’s add this under Custom > CSS in the Customizer.

    .x-navbar-static-active .masthead-inline .desktop .x-nav > li:last-child > a, .x-navbar-fixed-top-active .masthead-inline .desktop .x-nav > li:last-child > a {
    padding-right: 8px;
}

    Cheers!

    February 16, 2017 at 12:10 pm #1373882
    ravido
    Participant

    Its pleasure to work with you.

    February 16, 2017 at 3:05 pm #1374077
    Joao
    Moderator

    And with you as well! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1372438 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>