Mobile menu pushes content down upon opening

[owaves]

Issue: Upon opening the mobile menu all content in the top section gets pushed down briefly for 1-2 secs then the nav links appear and the content recedes back to normal layout position.

Request: Please provide a fix for this bug

[ruenel]

Hello There,

Thanks for writing in! This isn’t a bug. You have added this custom css

.x-navbar .mobile .x-nav li>a {
    float: left;
    padding: 0 1.2em 1em 0;
    border: 0;
}

And this custom css block has affected the way the mobile menu is opening. If you removed this code from your child theme’s style.css, the issue should be resolved.

Hope this helps. Please let us know how it goes.

[owaves]

Thank you for providing this quick solution! Unfortunately this doesn’t help. We want to keep the links inline and not stacked. Is there an easy way to code this?

[ruenel]

Hello There,

Please understand that your customization created this issue. To temporarily fix it, please update your code and use this:

.x-navbar .mobile .x-nav {
    height: 124px;
    overflow: hidden;
}

.x-navbar .mobile .x-nav li>a {
    float: left;
    padding: 0 1.2em 1em 0;
    border: 0;
}

Please let us know how it goes.

[owaves]

Hello, thanks so much! I apologize for pointing the finger as a bug. I realize now this was code that was placed by our team. Thank you for helping me identify the issue, this was taking awhile for me to figure out! You guys rock!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.