• Resolved werkgroepinternet

    (@werkgroepinternet)


    I want a main-menu that looks like superfish nav-bar .

    I don’t know how to implement this using custum css, but found this post that told my to implement the code underneath.

    .kad-header-right,
    .kad-primary-nav,
    .sf-menu li {
        position: static;
    }
    
    #kad-shrinkheader {
        position: relative;
    }
    
    ul.sf-dropdown-menu {
        text-align: left;
    }
    
    .sf-menu ul li {
        width: auto;
        display: inline-block;
        float: none;
    }

    The problem is, my menu is on the right side of the page, while the childs appears on the left side.

    1. Is there a way to align these childs on the right side of the page?
    2. Is there a way to align the second child beneath the first child? Could be a normal dropdown, could also be a table.

    For site example: test.mebiose.nl

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

    (@jx-3p)

    For 1 and 2 try adding this css:

    .kad-header-right .sf-menu > li > ul.sf-dropdown-menu {
        right: 15px;
        left:auto;
    }
    .kad-header-right .sf-menu ul ul {
        top: 100%;
        width:100%;
        left: 0;
        text-align:center;
    }
    .kad-header-right .sf-menu ul ul li {
        display:inline-block;
        float:none;
    }
    Thread Starter werkgroepinternet

    (@werkgroepinternet)

    Thanks!

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

The topic ‘Horizontal submenu with’ is closed to new replies.