.dev/assets/shared/css/header/header-7.scss
/*! Header: Header 7 */
.has-header-7 {
@include media(large) {
.header__title-nav {
flex: 1 0 75%;
order: 1;
}
.header__extras {
direction: rtl;
justify-content: flex-start;
order: 5;
width: 25%;
}
}
.site-header {
.social-icons-container {
margin: 0 1rem 0 0;
order: 4;
padding-left: 0;
position: relative;
&::after {
background-color: #000;
content: "";
display: block;
height: 15px;
opacity: 0.5;
position: absolute;
right: -10px;
top: 8px;
width: 1px;
}
.social-icons {
margin: 0;
}
}
}
.header .header__titles {
@include media(large) {
align-items: flex-start;
flex: 0 0 27%;
flex-direction: column;
justify-content: flex-start;
text-align: left;
.site-description {
margin-left: 0;
margin-right: 0;
margin-top: var(--go-site-description--margin-top, 0.25rem);
}
.custom-logo-link {
.custom-logo {
margin: 0;
}
~ a .site-title {
margin: 0;
}
}
}
}
@include media(large) {
.header__navigation {
flex: 1 1 100%;
justify-content: center;
margin-left: inherit;
margin-top: 0.75rem;
order: 2;
padding-left: 0;
padding-right: 0;
text-align: center;
}
}
}