Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * Navigation Start
- * -----------------------------------------------------------------------------
- */
- .site-navigation ul {
- list-style: none;
- margin: 0;
- }
- .site-navigation li {
- border-top: 1px solid rgb(236, 236, 236);
- }
- .site-navigation ul ul {
- margin-left: 20px;
- }
- .site-navigation a {
- color: #000;
- display: block;
- font-size: 14px;
- }
- .site-navigation a:hover {
- color: #1EB1E2;
- background: #f9f9f9;
- }
- .site-navigation .current_page_item > a,
- .site-navigation .current_page_ancestor > a,
- .site-navigation .current-menu-item > a,
- .site-navigation .current-menu-parent > a,
- .site-navigation .current-menu-ancestor > a {
- color: #1EB1E2;
- }
- .sub-menu li a, .mega-menu li a {
- font-size: 14px;
- }
- /* Primary Navigation */
- .primary-navigation {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- font-size: 14px;
- padding-top: 24px;
- position: relative;
- }
- .primary-navigation i {
- color: #585858;
- }
- .primary-navigation.toggled-on {
- padding: 72px 10px 36px;
- background-color: #fff;
- z-index: 99999;
- }
- .primary-navigation .nav-menu {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
- display: none;
- }
- .primary-navigation.toggled-on .nav-menu {
- display: block;
- }
- .primary-navigation a {
- padding: 7px 0;
- line-height: inherit;
- display: block;
- }
- .primary-navigation a:before {
- font-family: 'FontAwesome';
- font-style: normal;
- position: relative;
- font-size: 16px;
- line-height: 0;
- margin-right: 5px;
- top: 1px;
- font-weight: 100;
- display: inline-block;
- width: 1em;
- text-align: center;
- }
- /* Mega Menu */
- @media screen and (max-width: 400px) {
- .primary-navigation .mega-nav {
- display: none;
- }
- }
- @media screen and (min-width: 401px) {
- .primary-navigation .mega-nav {
- display: none;
- }
- }
- @media screen and (min-width: 673px) {
- .primary-navigation .mega-nav li {
- border-top: none;
- border-bottom: none;
- }
- .primary-navigation .mega-nav {
- padding: 10px;
- }
- .primary-navigation .mega-nav > li {
- padding: 8px 21px;
- }
- .primary-navigation .mega-nav {
- display: block;
- }
- }
- @media screen and (max-width: 782px) {
- .primary-navigation p {
- color: #1EB1E2;
- margin: 7px 0;
- }
- .primary-navigation a {
- padding: 7px 0;
- }
- .primary-navigation a:before {
- display: inline-block;
- width: 1em;
- text-align: center;
- }
- }
- @media screen and (min-width: 783px) {
- .primary-navigation {
- padding: 0;
- }
- .primary-navigation.toggled-on {
- border-bottom: 0;
- margin: 0;
- padding: 0;
- }
- .primary-navigation .menu-toggle {
- display: none;
- padding: 0;
- }
- .primary-navigation .nav-menu {
- border-bottom: 0;
- display: block;
- }
- .primary-navigation a {
- padding: 0 12px;
- white-space: nowrap;
- }
- .primary-navigation a:before {
- position: relative;
- font-size: 16px;
- line-height: 0;
- margin-right: 9px;
- top: 2px;
- font-weight: 100;
- }
- .primary-navigation ul ul a {
- padding: 18px 10px 18px 17px;
- white-space: normal;
- width: 176px;
- }
- .primary-navigation ul ul a:hover,
- .primary-navigation ul ul li.focus > a {
- background-color: #F5F5F5;
- }
- .primary-navigation .menu-item-has-children > a,
- .primary-navigation .page_item_has_children > a {
- padding-right: 26px;
- }
- .primary-navigation .menu-item-has-children > a:after,
- .primary-navigation .page_item_has_children > a:after {
- -webkit-font-smoothing: antialiased;
- content: "\f091";
- display: inline-block;
- font: normal 8px/1 Black Tie;
- position: absolute;
- right: 12px;
- top: 22px;
- vertical-align: text-bottom;
- }
- .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
- .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
- .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
- .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
- content: "\f093";
- right: 8px;
- top: 20px;
- font: normal 8px/1 Black Tie;
- }
- .primary-navigation li .menu-item-has-children > a,
- .primary-navigation li .page_item_has_children > a {
- padding-right: 20px;
- width: 168px;
- /*color: #1EB1E2;*/
- }
- .primary-navigation li:hover > a,
- .primary-navigation li.focus > a {
- background-color: #f9f9f9;
- color: #1EB1E2;
- }
- .primary-navigation li {
- border: 0;
- display: inline-block;
- height: 48px;
- line-height: 48px;
- position: relative;
- }
- .primary-navigation li li {
- border: 0;
- display: block;
- height: auto;
- line-height: 1.0909090909;
- }
- .primary-navigation ul li:hover > ul,
- .primary-navigation ul li.focus > ul {
- left: auto;
- }
- .primary-navigation ul ul li:hover > ul,
- .primary-navigation ul ul li.focus > ul {
- left: 100%;
- }
- .primary-navigation ul ul {
- background-color: #fff;
- float: left;
- margin: 0;
- position: absolute;
- top: 48px;
- left: -999em;
- z-index: 99999;
- }
- .primary-navigation ul ul ul {
- left: -999em;
- top: 0;
- }
- .primary-navigation .mega-menu .menu-item {
- float: none;
- }
- .primary-navigation ul .mega-menu ul {
- position: static;
- float: none;
- }
- .primary-navigation .menu-item-has-mega-menu {
- position: relative;
- }
- .primary-navigation .mega-menu {
- display: none;
- position: absolute;
- right: -500px;
- top: 100%;
- background: #FFFFFF;
- z-index: 10;
- border: 1px solid #EDEDED;
- border-top: 2px solid #1EB1E2;
- }
- .primary-navigation .mega-menu ul {
- background: none;
- }
- .primary-navigation .mega-menu a {
- padding: 0;
- display: inline;
- position: relative;
- line-height: 22px;
- text-transform: none;
- }
- #masthead .primary-navigation .mega-menu .sub-menu .current-menu-item a {
- font-weight: normal;
- color: #3de132;
- }
- .primary-navigation .mega-menu p {
- margin: 0 0 1em 0;
- }
- .primary-navigation .mega-menu a:before {
- top: -2px;
- line-height: 22px;
- text-decoration: none;
- }
- .primary-navigation .mega-menu a:after {
- display: none !important;
- }
- .primary-navigation .mega-menu li,
- .primary-navigation .mega-menu li:hover {
- background: none;
- }
- .primary-navigation .menu-item-has-mega-menu:hover .mega-menu {
- display: block;
- }
- .primary-navigation .mega-menu .menu-item {
- color: #000;
- text-transform: none;
- font-size: 13px;
- line-height: 20px;
- }
- /* row */
- .primary-navigation .mega-menu-row {
- width: 100%;
- display: table;
- table-layout: fixed;
- padding: 30px 0;
- }
- .primary-navigation .mega-menu-row {
- border-top: 1px solid #484848; /* overrides from settings / styling / mega-menu */
- }
- .primary-navigation .mega-menu-row:first-child {
- border-top: none;
- }
- /* column */
- .primary-navigation .mega-menu-col {
- display: table-cell;
- width: 1px;
- padding: 0 30px;
- border-left: 1px solid #1EB1E2; /* overrides from settings / styling / mega-menu */
- }
- .primary-navigation .mega-menu-col:first-child {
- border-left: none;
- }
- .primary-navigation .mega-menu-col > a {
- display: inline-block;
- width: auto !important;
- padding: 0 !important;
- font-size: 19px;
- margin-top: 5px;
- margin-bottom: 14px;
- text-transform: none;
- color: #1EB1E2;
- }
- .primary-navigation .mega-menu-col > a:before {
- top: 2px;
- }
- /* column sub-menus */
- .primary-navigation .mega-menu-col .sub-menu .sub-menu {
- padding-left: 27px;
- }
- .primary-navigation .mega-menu-row .sub-menu-has-icons {
- padding-left: 27px;
- }
- .primary-navigation .mega-menu-row .menu-item-has-icon > p {
- margin-left: -27px;
- }
- .primary-navigation .mega-menu-row .sub-menu-has-icons a:before,
- .primary-navigation .mega-menu-row > .menu-item-has-icon > a:before {
- position: absolute;
- left: -27px;
- width: 18px;
- text-align: center;
- margin: 0;
- }
- .primary-navigation .mega-menu-row > .menu-item-has-icon > a {
- left: 27px;
- }
- .primary-navigation .mega-menu li:hover a {
- background: none;
- }
- .primary-navigation .mega-menu-col p + .sub-menu {
- margin-top: 12px;
- }
- }
- /* Secondary Navigation */
- .secondary-navigation {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
- font-size: 12px;
- margin: 48px 0;
- }
- .secondary-navigation a {
- padding: 9px 0;
- }
- .secondary-navigation a.fa:before {
- margin-right: 10px;
- }
- .menu-toggle {
- background-color: #000;
- border-radius: 0;
- cursor: pointer;
- font-size: 0;
- height: 48px;
- margin: 0;
- overflow: hidden;
- padding: 0;
- position: absolute;
- top: 0;
- right: 0;
- text-align: center;
- width: 48px;
- }
- .menu-toggle:before {
- color: #fff;
- content: "\f0b5";
- display: inline;
- font: normal 8px/1 Black Tie;
- margin-top: 16px;
- font-size: 25px;
- }
- .menu-toggle:active,
- .menu-toggle:focus,
- .menu-toggle:hover {
- background-color: #444;
- }
- .menu-toggle:focus {
- outline: 1px dotted;
- }
- .fw-page-builder-content {
- margin-left: -15px;
- margin-right: -15px;
- }
- /**
- * Navigation End
- * -----------------------------------------------
- */
- <nav class="navbar navbar-default navigation-top sticky_header <?php
- if(function_exists('_filter_fw_ext_mega_menu_wp_nav_menu_args')){echo 'mega-menu-activated';}?>" id="navigation-top" >
- <div class="container">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
- data-target="#bs-navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- </div>
- <!-- Nav-Links start -->
- <?php
- wp_nav_menu(array(
- 'menu' => 'primary',
- 'theme_location' => 'primary',
- 'container' => 'div',
- 'container_class' => 'collapse navbar-collapse xs-center-collapse',
- 'container_id' => 'bs-navbar-collapse-1',
- 'menu_class' => 'nav navbar-nav xs-center-menu',
- 'fallback_cb' => 'wellnesscenter_navwalker::fallback',
- 'walker' => new wellnesscenter_navwalker())
- );
- ?>
- <!-- Nav-Links end -->
- </div>
- </nav>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement