.main-navigation { clear: both; display: block; float: left; width: 100%; ul { list-style: none; margin: 0; padding-left: 0; ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; ul { left: -999em; top: 0; } li { &:hover > ul { left: 100%; } } :hover > a { } a:hover { } } a { width: 200px; } li:hover > ul { left: auto; } } li { float: left; position: relative; &:hover > a { } } a { display: block; text-decoration: none; } .current_page_item a, .current-menu-item a { } } /* Small menu */ .menu-toggle { display: none; } @media screen and (max-width: 600px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .main-navigation ul { display: none; } } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }