[Theme: Customizr] Moving Menu below header

  • Bacek

    (@bacek)


    8 years, 1 month ago

    Hello,
    I’m trying to move menu below the header. What I did is paste this code that I found on customizr web page

    /* START OF Move Menu below Navbar Box */
/* Adjust (10px) top position  */
.navbar .nav > li > a {
position:     relative;
top:          10px;
}
.navbar .navbar-inner {
max-height:     20px;
}

/* END OF Move Menu below Navbar Box */

    and change the values a bit. It works but submenus are still expanded from the original position. Is there any way how can this be fixed?

    I’ve been googling for a good hour now and can’t seem to find a solution to the problem.

    Thanks in advance.

Viewing 1 replies (of 1 total)
  • matt4356

    (@matt4356)

    8 years, 1 month ago

    Hiya! I’m guessing you did something like this:

    /* START OF Move Menu below Navbar Box */
    /* Adjust (10px) top position */
    .navbar .nav > li > a {
    position: relative;
    top: 100px; /*move it further down the page*/
    }
    .navbar .navbar-inner {
    max-height: 20px;
    }

    /* END OF Move Menu below Navbar Box */

    If you delete the

    > a

    so the code looks like this:

    /* START OF Move Menu below Navbar Box */
    /* Adjust (10px) top position */
    .navbar .nav > li {
    position: relative;
    top: 100px;
    }
    .navbar .navbar-inner {
    max-height: 20px;
    }

    /* END OF Move Menu below Navbar Box */

    It will select and style the list items instead of the first links of the list items. It should style the whole assembly instead of just the first links.

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Customizr] Moving Menu below header’ is closed to new replies.