WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Cascadia] Lost drop down menus with 3.5 Upgrade (2 posts)

  1. Molitchka
    Member
    Posted 1 year ago #

    When I updated to WP 3.5 the drop down menus in the Header stopped working. It is not a plug-in issue. Any idea how to fix this?

    http://www.gottadancerapid.com

    Here is the CSS code:

    /*-------------------------------------
    3. HEADER
    -------------------------------------*/

    #header {
    padding: 0 4px;
    }

    /*-- 3.1 LOGO --*/

    #logo {
    float: left;
    }

    #logo {
    padding-top: 2px;
    }

    #logo h1 {
    float: left;
    }

    #logo h3 {
    float: left;
    margin-left: 0px;
    font: 12px/26px Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #999999;
    letter-spacing: 0px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
    }

    #logo h1.logo,
    #logo h1.logo a {
    line-height: 0px;
    font-size: 0px;
    }

    #logo h1.logo.plain-text,
    #logo h1.logo.plain-text a {
    line-height: 24px;
    font-size: 24px;
    letter-spacing:-1px;
    color: #363636;
    }

    /*-- 3.2 NAV --*/

    #nav {
    float: right;
    padding-right:5px;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin-top:30px;
    }

    #nav ul li {
    float: left;
    margin-left: 30px;
    line-height: 12px;
    }

    #nav ul li:first-child {
    margin-left: 0px;
    }

    #nav ul li.current-menu-item,
    #nav ul li.current-menu-parent,
    #nav ul li.current_page_parent {
    background: url(images/nav-current-left.png) no-repeat left;
    display: inline-block;
    padding: 0 0 0 11px;
    }

    #nav ul li.current-menu-item span,
    #nav ul li.current-menu-parent span,
    #nav ul li.current_page_parent span {
    background: url(images/nav-current-right.png) no-repeat right;
    display: inline-block;
    }

    #nav ul li a {
    font-size: 15px;
    font-weight: bold;
    color: #303030;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
    text-decoration: none;
    padding: 8px 0 9px 0;
    display: inline-block;
    }

    #nav ul li a:hover {
    text-decoration: underline;
    }

    #nav ul li.current-menu-item a,
    #nav ul li.current-menu-parent a,
    #nav ul li.current_page_parent a {
    color: #ffffff;
    padding: 8px 11px 10px 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50);
    }

    /*-- 3.3 NAV / DROPDOWN --*/

    .sub-menu {
    list-style: none;
    display: none;
    position: absolute;
    width: 175px;
    z-index: 500;
    margin: 0 0 0 -15px !important;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
    margin-top: 15px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    li.last .sub-menu {
    margin-left: -125px !important;
    }

    .sub-menu li {
    margin: 0 !important;
    }

    .sub-menu a {
    display: inline-block;
    background: #fff;
    padding: 0 0 0 17px !important;
    height: 33px;
    line-height: 33px;
    width: 158px;
    font-size: 12px;
    color: #606060 !important;
    border-bottom: 1px solid #f2f2f2;
    text-shadow: none !important;
    }

    .sub-menu li {
    padding: 0 !important;
    background: 0 !important;
    }

    .sub-menu li:first-child a {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    }

    .sub-menu li:last-child a {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    }

    .sub-menu a:hover {
    background: url(images/bg_nav_submenu.png) repeat-x #f2f2f2 !important;
    text-decoration: none !important;
    border-bottom-color: #eaeaea;
    }

    .sub-menu li:hover ul,
    .sub-menu li.sfHover ul {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 170px !important;
    margin-top: -39px !important;
    }

    .sub-menu ul li:first-child a, .sub-menu ul li.first a {
    background: #fff;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding-top: 5px !important;
    }

  2. Molitchka
    Member
    Posted 1 year ago #

    <span>FAQs</span>

    <span>Store & Gift Cards</span>

    This is how the front end is pulling the sub-menus from the back-end. Don't know why they are not showing up.

Topic Closed

This topic has been closed to new replies.

About this Topic