Title: Horizontal submenu with
Last modified: August 31, 2016

---

# Horizontal submenu with

 *  Resolved [werkgroepinternet](https://wordpress.org/support/users/werkgroepinternet/)
 * (@werkgroepinternet)
 * [10 years ago](https://wordpress.org/support/topic/horizontal-submenu-with/)
 * I want a main-menu that looks like [superfish nav-bar ](http://users.tpg.com.au/j_birch/plugins/superfish/examples/nav-bar/).
 * I don’t know how to implement this using custum css, but found [this post](https://wordpress.org/support/topic/nav-menu-horizontal-dropdown-menu?replies=5)
   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](http://test.mebiose.nl)

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

 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [10 years ago](https://wordpress.org/support/topic/horizontal-submenu-with/#post-7264143)
 * 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](https://wordpress.org/support/users/werkgroepinternet/)
 * (@werkgroepinternet)
 * [10 years ago](https://wordpress.org/support/topic/horizontal-submenu-with/#post-7264191)
 * Thanks!

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinnacle/1.8.10/screenshot.png)
 * Pinnacle
 * [Support Threads](https://wordpress.org/support/theme/pinnacle/)
 * [Active Topics](https://wordpress.org/support/theme/pinnacle/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinnacle/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinnacle/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [horizontal](https://wordpress.org/support/topic-tag/horizontal/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 2 replies
 * 2 participants
 * Last reply from: [werkgroepinternet](https://wordpress.org/support/users/werkgroepinternet/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/horizontal-submenu-with/#post-7264191)
 * Status: resolved