Enfold header behaves weired

Hey fabienneBESD,
Thanks for the images, what I see is your text logo & sub-text is too big for mobile, I suggest using a media query in your css to make it a little smaller for mobile only.
You have two options, first is to make both logo & sub-text smaller to fit, but both would be very small.
Second, hide the sub-text on mobile & make the logo slightly smaller, but it would still look large.
The only issue I for see is the sub-text is inside the H1 and link of the logo class, so I may want to add another class to the title text to target it better, depending on your choice.

Please let us know if either of these options will work for you and include a admin login so we can assist.

Best regards,
Mike

Hi,
I added this css to your Quick CSS:

@media only screen and (max-width: 767px) { 
.logo h1 {
font-size: 14px !important;
margin-bottom: 0px !important;
padding-top: 10px !important;
}
#top .logo .subtext {
    font-size: 14px !important; 
    width: 70% !important; 
    left: 32px !important; 
    top: 20px !important; 
}
}

the after clearing my browser cache, see results in screenshot in Private Content area.
Please try clearing your browser cache a few times.

Best regards,
Mike

Hi,
Please try changing the subtext font-size to: 12px
like this:

@media only screen and (max-width: 767px) { 
.logo h1 {
font-size: 14px !important;
margin-bottom: 0px !important;
padding-top: 10px !important;
}
#top .logo .subtext {
    font-size: 12px !important; 
    width: 70% !important; 
    left: 32px !important; 
    top: 20px !important; 
}
}

Best regards,
Mike

Hi,
It is possible that this only happens on Apples, but I only have a PC, so I would have to ask someone else from the team to take a look at the page.
But we can easily hide the sub-title on mobile devices, which maybe a better solution.
Try adding this css to your Quick CSS to do so, I also added some css to make the title a little bigger and center the title vertically:

@media only screen and (max-width: 767px) { 
#top .logo .subtext {
display: none !important;
}
#top .inner-container .logo h1 {
    font-size: 20px !important;
    padding-top: 30px !important;
}
}

Best regards,
Mike