• Hello,

    I have zerif lite and i have problem with the menu items:
    its from right to left in hebrew, in this order (after the logo): Home, Packages, Blog, About.

    the space between packages, blog and about its equal, but the space between home and logo, and home and packages is small.

    LOGO-home-packages–blog–about

    How i fix it?
    Thank U

    I think thats here:

    @media (max-width: 767px) {

    .navbar-inverse .navbar-nav {
    padding-right: 10px;
    }

    .navbar-inverse .navbar-nav > li {
    margin: 8px 0 0 0;
    padding: 0 0 8px 0;
    }
    .navbar-inverse .navbar-nav > li a {
    text-align: right;
    }
    .navbar-inverse .navbar-nav ul.sub-menu {
    top: 0;
    }

    .navbar-inverse .navbar-nav ul.sub-menu li {
    float: right;
    }
    .navbar-inverse .navbar-nav ul.sub-menu li a {
    float: right;
    padding: 8px 0 8px 25px;
    }

    .navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
    right: 0;
    top: 0;
    }

    .navbar-inverse .navbar-nav ul.sub-menu li {
    padding-right: 20px;
    }

    .dropdownmenu {
    left: 0;
    right: auto;
    }
    .navbar-inverse .navbar-nav ul.sub-menu li{
    margin-left: 0;
    padding-left: 0;
    }

    ul.nav > li.current_page_item > a:before {
    content: “”;
    right: 0px;
    }
    ul.nav > li.current_page_item > a:before {
    content: “”;
    right: 0px;
    }

    .section-header {
    float: right;
    }

  • The topic ‘the space between menu items not equal’ is closed to new replies.