Sass
// CUSTOMIZER: HEADER STANDARD
/* ----------------------------------------- */
// Header & Navigation Layout
.inside-header.grid-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 20px !important;
}
// Primary & Secondary Nav Wrapper
.multi-navigation-wrapper {
width: 100% !important;
margin-left: 0 !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
}
// Disable margin for Primary & Secondary Nav
nav#site-navigation,
nav#secondary-navigation {
margin-left: 0 !important;
}
// Logo
// Navigation General
// Primary Nav Desktop
ul.menu.sf-menu {
display: flex !important;
gap: 24px !important;
}
// Secondary Nav Desktop
ul.secondary-menu.sf-menu {
display: flex !important;
gap: 12px !important;
}
// Navigation Mobile