how to shift left menu and decrease space between menu items

Hello dear Support Team,

The menu is too long, and is displayed on 2 lines. Not nice.
I'd like to shift it left by 10 px.
I have tried, bit without expected result,  to add the following in the css customs box :

.main-navigation ul {
margin-right: -10px; 

How can I do this ? 

Also, There are too much space between the menu items, how to decrease the space between them ? 

Many thanks for your help,



  • Hi 
    Thanks for contacting to us . 
    To decrease space between menu item add the below css code inside the custom css box . 

    .navbar-default .navbar-nav > li > a {
     padding: 38px 10px;

    If you add more menu menu item will shift down . 
    Let me know for any confusion . 


  • Hello,
    It works very well. Thanks you very much. 
    Feel free to close this request. 

    Kind Regards,

  • Glade to know that its work for  you .
    Look forward see you again at webriti.

This discussion has been closed.