Mobile Menu Resizing Issue

[gadgetat]

I have run into a very odd, very specific issue with the mobile menu. Specifically, when the web browser window is resized there is a moment where the Mobile Menu text is algined left instead of center. When the browser is resized to this point the mobile menu is unusable. Clicking on it does not yield the links for the mobile menu. Here’s a screen shot.

Shrinking the browser size down just a little, the Mobile Menu text will center itself again, and the mobile menu will work again. Screen shot attached as well.

This issue has also been noted by a customer using an Android Tablet in “landscape” mode.

Any help would be greatly appreciated.

[ruenel]

Hello @gadgetat,

Thanks for posting in! I have inspected your site and I found out that you inserted an invalid code:

.x-btn-navbar {
    float: center;
}

The correct code should be using the text-align property:

.x-btn-navbar {
    text-align: center;
}

Be advised that custom coding is beyond the scope of our support under our Support Policy. The code above serves as an example for you. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.