Our mobile menu has stopped working on our home page on phones. It works as expected on all other pages with phones. We also notice that the main menu on the mobile home page does not display the proper top banner color, displaying a black background instead of the blue displayed on all secondary pages. When the menu icon is selected on the home page from a mobile phone, the home page size decreases, but the menu doesn’t appear. Here are two links that illustrate:
Home Page, where menu doesn’t work on mobile: http://www.harrisonbands.org/
Other pages, where menu works properly on mobile: http://www.harrisonbands.org/senior-night-for-marching-band-members/
Hi,
The layout from homepage is different on mobile because you are using the responsive version (you have disable the mobile theme plugin on homepage -> https://i.imgur.com/CpYzjAw.png), and on the rest of website you are using the mobile theme plugin.
To fix the menu problem, please try this custom css :
#td-mobile-nav,
.td-menu-background {
transition: .5s ease;
visibility: visible;
width: 100%;
}
.header-search-wrap {
display: none;
}
Set this code in theme panel> custom code> advance css> phone
Thank you!
