Hi Rikard

That worked! Thank you so much. I simply used the code from your Enfold documentation, and now everything works as usual.

I have one last question: Your code only supports one mobile screen size (max-width: 989px). What does the code look lik,e if I need to differentiate between mobile and tablet portrait modes – so that the margin-top is correct?

@media only screen and (max-width: 989px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 110px !important;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}

Thanks
Sarah

Hi Rikard,

Unfortunately, it doesn’t change. Settings from the backend are transferred to the frontend late or not at all. The site was practically finished, and now I’m worried I’ll have to start from scratch. This hasn’t happened with any of my other Enfold websites so far. The examples remain the same as above, although some errors will be corrected after a while. Currently visible are the following errors:

Menu “School -> Team”: The content is not displayed centered at 1/2 width, but rather at 1/4 width.
Menu “School -> School ABC”: The content is not displayed centered across the entire width, but rather at 1/2 width.
The same applies to the view of the contact forms.

If I change the page spacing to optimize the responsive design, I lose all the formatting within the containers (color, margin, etc.). I’m not confident about optimizing this at the moment, as it’s currently displaying correctly again. Please check the cause. Would that work? I’m at a loss now.
I completely deleted the cache plugin (W3) in case that’s the cause of the problem. But that doesn’t work either.

Many Thanks.