Header on desktop and mobile

Hey dreamreader,
Your desktop header is using the option in the admin sidebar for Header visibility and transparency ▸ Header is invisible and appears once the users scrolls down this option doesn’t work for mobile.
You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#header.av_header_transparency {
		display: none;
	}
	#top #wrap_all #header.av_header_transparency ~ #main {
		padding-top: 0 !important;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

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