Website margins are affecting responsive menu

Hi there,

I recently worked with Enfold support to optimise our mobile website. Everything works very well, I only discovered a small display error today: the adjusted margins also affect the responsive menu, but only if you use the scroll to top button or are at the top of the page.

Link to the thread: https://kriesi.at/support/topic/website-margins-are-missing-in-the-version-for-smartphones/#post-1303787

We used the following CSS Code:

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

I would like to display only the responsive menu over 100% of the page. Attached you can find the link to our Website.

Thanks and regards,
Caroline