If the sum of your logo length, plus the length of your menu and icons on tablets is greater than the horizontal dimension (the menu exceed the available size of the screen), just enter this code in Theme Options → CSS:

/* enable the code between these measures */

@media (min-width: 960px) and (max-width: 1300px){

/* reduce the padding around the logo */
.col-lg-0 {
padding: 27px 12px 27px 36px;
}

/* reduce the padding of the menu items */
.menu-smart > li > a {
padding: 0px 2px !important;
}

/* reduce the menu letter spacing */
.menu-container ul.menu-smart > li > a, .menu-container ul.menu-smart li.dropdown > a{
letter-spacing:0px !important;
}

/* reduce the dropdown arrows padding */
.menu-smart i.fa-dropdown {
padding: 0px 0px 0px 2px;
}

/* reduce the first menu item padding */
body[class*=hmenu-] .menu-borders .navbar-nav + .navbar-nav-last > *:first-child {
margin: 0px 0px 0px 0px;
}

}