My header on mobile seems to be stretched out and taking over the whole screen. I am not sure what is causing the issue. please help
I add this code to the css and it fixed the header issue but now the header is covering the top of each page
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed!important;
}}
Hi,
Sorry for the delay, Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #main {
padding-top: 202px!important;
}
Best regards,
Vinay
This didn’t solve the problem