Gap Started Showing Using Edge Browser

Hi there,

It looks like you have some custom CSS to align the logo and slideout toggle. I think that CSS is causing a lot of the inconsistency.

Can you try removing that custom CSS, and adding this instead?:

.nav-float-left .main-navigation .navigation-logo {
    float: none;
    width: 100%;
}

.main-navigation .navigation-logo img {
    margin: 20px auto;
    padding: 0;
}

#primary-menu {
    width: 100%;
}

#site-navigation li.slideout-toggle {
    float: none;
    text-align: center;
}

.slideout-toggle a {
    font-size: 35px;
}

What gap am I looking for exactly?

Thank you Tom I will try it. there is a Gap between the slideout navigation and content container. This is only happens when using edge

here is the screenshot of the gap

I think that's coming from Elementor: http://prntscr.com/mfj1nm

That 100px padding-left is causing it.

Got it Tom. will try this again :) thank you very much

You're welcome :)