Navigation button is not responding using James Coleman - Venue 2 theme

[dw13]

Hi,

I am creating a new site at www.odysseustech.com using the James Coleman - Venue 2 theme. The collapsible navigation button works fine in the editor. When I publish, the navigation button is visible, but does not respond. 

I have not created any custom code.

I tried changing the theme to something else with standard index tab navigation - that worked fine. I then changed back to the James Coleman theme and the problem is still there.

When I hover over the navigation button on the desktop (Edge browser), the cursor changes to an arrow as if it knows it should be clickable, but the button does not respond. The button does not on Android mobile either. 

Anyone have any ideas?

Thanks!

[bobafett]

Your site is hosted by iPage.  Weebly folks can't help you.

[PaulMathews]

@dw13 The non-working mobile navigator appears to be a problem with Weebly websites that are hosted by third-party hosting companies (not Weebly themselves). As far as I can tell, the themes on these third-parties have incomplete theme code particularly with respect to mobile navigation.

To fix your particular problem, you'll need to add in the missing code. In the Site Editor, click Settings then go to the SEO settings in the left-hand sidebar. Scroll down the page to the Header Code input box and add the following:

<style>
.w-navpane-is-open .w-navpane {
    opacity: 1;
    max-height: 100vh;
}
</style>

The items I've highlighted in red are missing from your theme's css. Without them, the mobile navigation menu will be completely transparent (because opacity is by default zero) and have no height (because the max-height parameter is defaulted to zero). When you click the arrow hamburger, the javascript (correctly) adds the "w-navpane-is-open" class to the body tag. However, because that class is missing the correct opacity and max-height settings, you never actually see the mobile navigation menu.

[dw13]

Thanks for the feedback. Yes, it definitely seems that the 3rd party hosting is the problem. It reduces Weebly capabilities and breaks Weebly functionality. I am trying to move the site owners over to Weebly, but no luck yet.

Thanks again for the help!