Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*--------------------------------------------------------------
- ## Menus
- --------------------------------------------------------------*/
- .main-navigation {
- position: relative;
- }
- .main-navigation ul {
- background: #444;
- display: none;
- list-style: none;
- margin: 0;
- padding-left: 0;
- }
- .main-navigation ul ul {
- display: none;
- padding-left: 0;
- position: relative;
- }
- .main-navigation li {
- border-bottom: 1px solid #000;
- display: block;
- position: relative;
- }
- .main-navigation li:hover{
- background: rgba( 255,255,255, .1 );
- }
- .main-navigation a {
- align-items: center;
- color: #fff;
- display: flex;
- justify-content: space-between;
- padding: 7.5px 15px;
- text-decoration: none;
- }
- .main-navigation .active > .sub-menu{
- display: block;
- }
- .main-navigation .active .active .sub-menu{
- position: relative;
- }
- .main-navigation ul ul {
- background: rgba( 0, 0, 0, .2 );
- }
- .main-navigation .menu-item-has-children > a:after{
- border-right: 2px solid #000;
- border-bottom: 2px solid #000;
- content: '';
- display: inline-block;
- height: 10px;
- width: 10px;
- transform: rotate(45deg);
- margin-top: -5px;
- margin-left: 15px;
- }
- /* Small menu. */
- .menu-toggle,
- .main-navigation.toggled ul:not(.sub-menu) {
- display: block;
- }
- .menu-toggle{
- top: -61px;
- margin-bottom: 15px;
- margin-left: 15px;
- padding: 15px;
- right: 15px;
- position: absolute;
- }
- @media screen and (min-width: 990px) {
- .menu-toggle {
- display: none;
- }
- .main-navigation ul,
- .main-navigation.toggled ul {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- }
- .main-navigation .active > .sub-menu{
- display: block;
- position: absolute;
- right: 0;
- z-index: 9999;
- }
- .site-header .wrapper{
- align-items: center;
- }
- .site-branding{
- margin-right: 0px;
- margin-left: 0px;
- width: 310px;
- }
- .main-navigation ul {
- background: transparent;
- }
- .main-navigation > ul{
- border-bottom: 0px solid #000;
- }
- .main-navigation ul ul a {
- width: 225px;
- }
- .main-navigation .menu > li > a{
- color: #000000;
- font-weight: 700;
- }
- .main-navigation ul ul {
- background: #000000;
- display: none;
- padding-left: 0;
- position: relative;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement