Viewing File: /home/maglabs/etascom/wp-content/themes/agenzio/assets/scss/elements/menu.scss
.pxl-nav-menu {
&.fr-style-default {
.pxl-mega-menu {
border-left: none;
}
/* First Level */
.pxl-menu-primary > li {
&.menu-item-has-children > a {
.caseicon-angle-arrow-down {
display: inline-flex;
font-size: 9px;
line-height: 1;
margin-left: 4px;
@include transition(transform .25s cubic-bezier(.645,.045,.355,1));
}
}
&:hover > a .caseicon-angle-arrow-down {
@include transform(rotateX(-180deg));
}
}
/* Sub Menu */
.sub-menu {
li.menu-item-has-children > a:after {
}
li.menu-item-has-children > a:hover:after {
}
}
&.show-effect-fade {
.pxl-menu-primary .sub-menu {
margin-top: 0;
}
}
&.show-effect-dropdown {
.pxl-menu-primary {
.sub-menu {
@include transform(scaleY(0));
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
margin-top: 0;
}
li:hover > .sub-menu, li.focus > .sub-menu {
@include transform(scaleY(1));
}
.pxl-mega-menu {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
}
}
&.show-effect-slidedown {
.pxl-menu-primary {
.sub-menu {
margin-top: 0;
transform: perspective(500px) rotateX(-20deg);
transform-origin: 50% 0%;
}
li:hover > .sub-menu, li.focus > .sub-menu {
transform: perspective(500px) rotateX(0deg);
}
}
}
}
}
@media #{$min-xl} {
#pxl-header-default {
.pxl-menu-primary > li {
margin: 0 18px;
@media (max-width: 1500px) {
margin: 0 15px;
}
> a {
span {
display: inline-flex;
padding-right: 3px;
align-items: center;
position: relative;
z-index: 1;
line-height: 1;
}
}
> a:hover,
&.current_page_item > a,
&.current-menu-item > a,
&.current_page_ancestor > a,
&.current-menu-ancestor > a {
}
}
}
}
.section-mega-active {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
.btn {
&.btn-style7 {
border-radius: 0px !important;
}
}
&.pxl-header-home02-layout2 {
&:before {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
border-radius: 0 !important;
}
}
}
.pxl-menu-custom1 {
.pxl-menu-inner {
display: flex;
align-items: center;
margin: 0;
.pxl-item {
list-style: none;
margin-right: 53px;
&:last-child {
margin-right: 0;
}
a {
line-height: 80px;
font-size: 18px;
font-weight: 500;
color: #fff;
font-family: 'Inter', sans-serif;
@include transition(all 250ms linear 0ms);
&:hover {
color: $primary-color;
}
}
}
}
}
Back to Directory
File Manager