Break point mobile header

Hey Antonio,

I’m not sure I understand your request, could you try to explain your intentions a bit further please? If you have a screenshot highlighting what you would like to achieve, then please share that with us.

Best regards,
Rikard

Hi,
Thank you for your patience and for the link to your site, I believe that you mean that in mid size your logos are not white and the burger menu icon is black.
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 989px) {
.responsive #top #header.av_header_transparency.av_alternate_logo_active .logo a > img, .responsive #top #header.av_header_transparency.av_alternate_logo_active .logo a > svg {
    opacity: 1;
}
.avia_mobile:not(.av-burger-overlay-active) #top .av_header_transparency div .av-hamburger-inner,
.avia_mobile:not(.av-burger-overlay-active) #top .av_header_transparency div .av-hamburger-inner::after,
.avia_mobile:not(.av-burger-overlay-active) #top .av_header_transparency div .av-hamburger-inner::before {
	 background: #fff!important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike