No Submenu after adding additional CSS

  • bettyboomba

    (@bettyboomba)


    12 years, 7 months ago

    I added this styles to my styles.css and it does not work because I do not use the class “navbar” for the div holders in my menu.

    My menu uses the class “header-menu” and “menu” – I did not know how to recongigure the css to make the submenu work and I tried this with no results.

    .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    }

    .dropdown-menu li:hover .sub-menu {
    visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
    display: block;
    }

    .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .menu .dropdown-menu {
    margin-top: 0;
    }

    .menu .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
    }
    .menu .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
    }
    It didnt work.

    This is the current state of the wordpress menu with the bootstrap plugin http://sharibetty.com/clients/bostonpads/nextgenrealty-wp/boston-apartment-rentals/

    This is what the menu should be with sub-menu and hovers http://sharibetty.com/clients/bostonpads/nextgenrealty/

    http://wordpress.org/plugins/wp-bootstrap-navmenu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter bettyboomba

    (@bettyboomba)

    12 years, 7 months ago

    <div class="header-menu"> <!-- Main Menu -->
                        <div class="container">
                            <div class="row-fluid">
                                    <nav class="nav-menu">
                                    <div class="menu-mobile-wrapper"> <!-- Menu Mobile Wrapper -->
 <a></a> </div>
 <span class="menu-slider hidden-phone"></span> <!-- Menu Slider -->

                                   <!-- Begin NextGen WP Walker Nav -->
                <ul id="header-menu" class="menu">
                    <?php if (function_exists('getNavMenu')): ?>
<?php echo getNavMenu('NextGen Header Menu','hover'); ?>
<?php endif; ?>

                                </nav>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Thread Starter bettyboomba

    (@bettyboomba)

    12 years, 7 months ago

    Is it the levels? I have been trying to figure this out because I would really like to use this great plugin but I get no submenus even with the appended CSS to my bootstrap file.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘No Submenu after adding additional CSS’ is closed to new replies.