.xpro-theme-builder-header-nav {
position: relative;
z-index: 99;
}
.xtb-header-sticky.xtb-appear .xpro-theme-builder-header-nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
-webkit-animation-name: animationFade;
animation-name: animationFade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-box-shadow: 0 10px 10px -15px rgb(0 0 0 / 35%);
box-shadow: 0 10px 10px -15px rgb(0 0 0 / 35%);
border-color: transparent;
}
.admin-bar .xtb-appear .xpro-theme-builder-header-nav {
top: 32px;
}
.xpro-hidden {
display: none;
}
@-webkit-keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.ast-container .xpro-theme-builder-archive-wrapper,
.ast-container .xpro-theme-builder-singular-wrapper,
.theme-generatepress .xpro-theme-builder-archive-wrapper,
.theme-generatepress .xpro-theme-builder-singular-wrapper {
width: 100%;
}
@media screen and (max-width: 600px) {
.admin-bar .xtb-appear .xpro-theme-builder-header-nav {
top: 0;
}
} .xpro-theme-builder-sidebar-wrapper {
width: 100%;
max-width: 100%;
}
.xpro-theme-builder-sidebar-layout {
display: flex;
flex-wrap: wrap;
gap: 30px;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
}
.xpro-theme-builder-sidebar-main {
flex: 1 1 0;
min-width: 0;
}
.xpro-theme-builder-sidebar-col {
flex: 0 0 300px;
max-width: 100%;
} @media (max-width: 767px) {
.xpro-theme-builder-sidebar-col,
.xpro-theme-builder-sidebar-main {
flex: 1 1 100%;
}
.xpro-theme-builder-sidebar-col-left {
order: 2;
}
.xpro-theme-builder-sidebar-main {
order: 1;
}
.xpro-theme-builder-sidebar-col-right {
order: 3;
}
} .xpro-theme-builder-sidebar-col,
aside.xpro-aside-widget {
position: sticky;
top: 30px;
align-self: flex-start;
}