Website margins are missing in the version for smartphones

Hey Caroline,

Thanks for contacting us!

Could you please try de-activating “Max Mega Menu” and check if that helps? :)

Best regards,
Yigit

Hi Caroline,

Issue is related to the plugin. Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 767px) { 
.responsive body#top.mega-menu-avia #wrap_all .container {
    width: 85%;
    max-width: 85%;
}
}

Best regards,
Yigit

Hi,

Plugin sets container width to 100% on screens below 767px. Code I posted above is to override plugins CSS and to set container width to 85%. It should not break your website.
You are using an older version of Enfold which is not compatible with your WordPress version. Could you please firstly update Enfold to the latest version 4.8.3?

Best regards,
Yigit

Hi Caroline,

I have checked your website and as I mentioned in my previous post, you are using an old Enfold version which is not compatible with your WordPress version. Could you please firstly update Enfold to the latest version? You have received the update in your WP dashboard.

Best regards,
Yigit

Hi Caroline,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy your weekend!

Best regards,
Yigit