.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; }