[Support request] Gap Started Showing Using Edge Browser

[mrbishwork]

Gap started to show when using Microsoft Edge, other browsers are fine except this one. and the toggle button and logo is not aligned anymore. Please advise thank you

[Tom]

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?

[mrbishwork]

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

[mrbishwork]

here is the screenshot of the gap

[Tom]

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

That 100px padding-left is causing it.

[mrbishwork]

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

[Tom]

You’re welcome 🙂

[Author]

Posts