Forum Replies Created

Viewing 1 post (of 1 total)
  • Author
    Posts
  • in reply to: responsive menu creating gap in small screen display #15729
    Shelly 2
    Shelly
    Member

    Here is the css that I have used in the child theme-

    #navigation {
    position: relative;
    }

    #main-nav {
    clear: left;

    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
    }

    .nav li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
    }

    .nav li.hover, .nav li.hover {
    position: relative;
    }

    .nav li ul li {
    left: 0;
    }

    #navigation #nav-container element.style {
    clear: none;
    float: none;
    margin-bottom: 0;
    width: auto;
    }

Viewing 1 post (of 1 total)