Header on mobile

Hi, yes I forgot it, it’s been added t the private content.

I found a way to make it works but it might be the less optimized option.

Below the quick CSS I added :

/*Logo size mobile*/
@media only screen and (max-width: 767px) {
.responsive .logo img {
margin: 0 auto;
max-width: 200px !important;
margin-left: -3px!important;
margin-top: 18px!important;
}
}

/*Transparent header in Mobile*/
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}

/*white logo in mobile header*/
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
opacity: 0 !important;
}
.responsive #top .av_header_transparency .logo img.alternate {
display: block !important;
}}

/*white burger in mobile header*/
@media only screen and (max-width: 767px) {
span.gold-rate-symbol,#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
color: #fff !important;
}
.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
background-color: #fff !important;
}
}

@media only screen and (max-width: 991px) {
.home #masthead-mobile {
position: absolute;
top: 0;
width: 100%;
background-color: transparent;
}}

Thanks for your help ! I use enfold for my site since 4 years.

Yes alright you can close, it’s been a long time I’ve worked on this issue and I suprisingly found the final answer just after my request.

I might have another issue but it’ll be another thread.

Thanks for your help !