<style>
.icon-bar-1333398.icon-bar.widget-icon-bar.vertical_icons.left.hide-on-mobile {
position: fixed;
z-index: 999;
/* bottom: 236px; */
top: 285px;
left: 25px;
background-color: rgb(255 255 255 / 10%);
padding: 7px;
border-radius: 7px;
}
.icon-bar.sticky {
z-index: 9999;
}
.icon-bar {
width: 64px;
}
@media (max-width:996px){
.icon-bar-1333398.icon-bar.widget-icon-bar.vertical_icons {
position: fixed;
z-index: 99;
right: 5px;
/* top: 7vh; */
bottom: 20vh;
} }
</style>
YELLOW HEADER section
<style>
section#efoc23-header-wrap {
display: flex;
flex-direction: row;
justify-content: end;
align-items: center;
margin: 0 auto;
}
img#efoc23-logo {
width: 365px;
height: auto;
position: absolute;
left: 100px;
top: 17px;
}
p#efoc23-date {
font-family: 'SequelBlack';
font-size: 1.2rem;
letter-spacing: 1px;
}
img#right-header-accent-img {
width: 164px;
}
@media (max-width: 768px){
section#efoc23-header-container {
text-align: center;
}
section#efoc23-header-wrap {
flex-direction: column-reverse;
justify-content: center;
}
img#right-header-accent-img {
display: none;
}
img#efoc23-logo {
position: relative;
width: 340px;
left: 0;
top: 25px;
}
p#efoc23-date {
font-family: 'SequelBlack';
font-size: 0.9rem;
letter-spacing: 1px;
margin-top: 40px;
margin-bottom: 25px;
}
}
</style>
<section id="efoc23-header-container">
<img id="efoc23-logo" src="https://www.essence.com/wp-content/uploads/2023/05/efoc23-sm-logo_1.svg" alt="Essence Festival of Culture 2023 logo" width="auto" height="auto">
<section id="efoc23-header-wrap">
<div><p id="efoc23-date">JUNE 29 – JULY 3, 2023</p></div>
<div><img id="right-header-accent-img" src="https://www.essence.com/wp-content/uploads/2023/05/right-header-accent-img-1a.jpg" alt="decorative image" width="auto" height="auto"></div>
</section>
</section>
[maxmegamenu location=efoc-mega-menu-2023]
<!-- <style>.page-id-1188400 .site-content {
min-height: 100%;
}</style>
<div style='position: relative;width: auto;padding: 0 0 67.97%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-62907bcac840e" data-aspectRatio="1.47126437" data-tablet-aspectRatio="0.59720062" data-mobile-aspectRatio="0.53784861"><iframe allowfullscreen src='//view.ceros.com/essence/app-landing-page?heightOverride=1305&tabletHeightOverride=1286&mobileHeightOverride=1004' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' title='APP Landing Page' scrolling='no'></iframe></div><script type="text/javascript" src="//view.ceros.com/scroll-proxy.min.js" data-ceros-origin-domains="view.ceros.com"></script>
-->
<style>
.site .site-content {
min-height: auto;
}
#mobile-banner{
display:none;
}
@media(max-width:999px){
#mobile-banner{
display:block;
}
#desktop-banner{
display:none;
}
}
</style>
<section id="hair-awards-container">
<div id="desktop-banner">
<div style='position: relative;width: auto;padding: 0 0 62.4%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-647f3680c37f7" data-aspectRatio="1.60267112"><iframe allowfullscreen src='https://view.ceros.com/essence/app-landing-page-1-2?heightOverride=1198' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' title='EFOC23-APP Landing Page-Desktop' scrolling='no'></iframe></div><script type="text/javascript" src="https://view.ceros.com/scroll-proxy.min.js" data-ceros-origin-domains="view.ceros.com"></script>
</div>
<div id="mobile-banner">
<div style='position: relative;width: auto;padding: 0 0 134.16%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-6292c8f55e86b" data-aspectRatio="0.74540174"><iframe allowfullscreen src='https://view.ceros.com/essence/app-landing-page-1-1?heightOverride=1033' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' title='EFOC23-APP Landing Page-Mobile' scrolling='no'></iframe></div><script type="text/javascript" src="https://view.ceros.com/scroll-proxy.min.js" data-ceros-origin-domains="view.ceros.com"></script>
</div>
</section>