Apex Code Development You need to sign in to do that
Don't have an account?
Jennifer Sowerby Menus not working in CMS Connect sourced header
I have set up CMS connect to link our WordPress CMS to our community and set the header and footer to use html sourced from WordPress.
The vast majority of the header and footer is displaying great. However, two navigation elements aren't working at all.
The menu icon doesn't work on mobile, when you click on it the colour changes but no menu items appear.
There should be a dropdown when you hover over a menu item showing the sub-items. This does not display.
Both of these work fine when accessed outside of the community, we believe everything we are using is supported and there are no errors on the pages
I've included our html below for your reference. If anyone can point us in the right direction that would be great.
The vast majority of the header and footer is displaying great. However, two navigation elements aren't working at all.
The menu icon doesn't work on mobile, when you click on it the colour changes but no menu items appear.
There should be a dropdown when you hover over a menu item showing the sub-items. This does not display.
Both of these work fine when accessed outside of the community, we believe everything we are using is supported and there are no errors on the pages
I've included our html below for your reference. If anyone can point us in the right direction that would be great.
<div data-elementor-type="header" data-elementor-id="38" class="elementor elementor-38" data-elementor-settings="[]">
<div class="elementor-inner">
<div class="elementor-section-wrap">
<section class="elementor-element elementor-element-341cf5c elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="341cf5c" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-958aafa elementor-column elementor-col-33 elementor-top-column" data-id="958aafa" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-3a5da43 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="3a5da43" data-element_type="widget" data-widget_type="theme-site-logo.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<a href="https://acevo.digitalgarden.co" data-elementor-open-lightbox="">
<img width="300" height="115" src="https://acevo.digitalgarden.co/wp-content/uploads/2019/05/Draft-website-logo-@2x.png" class="attachment-full size-full" alt="" /> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-47894e6 elementor-column elementor-col-66 elementor-top-column" data-id="47894e6" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<section class="elementor-element elementor-element-40a052e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="40a052e" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-bf9116f elementor-hidden-phone elementor-column elementor-col-50 elementor-inner-column" data-id="bf9116f" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-e5ad987 elementor-nav-menu__align-right elementor-nav-menu--dropdown-mobile elementor-nav-menu__text-align-center elementor-hidden-phone elementor-nav-menu--indicator-none elementor-widget elementor-widget-nav-menu" data-id="e5ad987" data-element_type="widget" data-settings="{"layout":"horizontal"}" data-widget_type="nav-menu.default">
<div class="elementor-widget-container">
<nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"><ul id="menu-1-e5ad987" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="https://acevo.digitalgarden.co/join/" class="elementor-item">Join</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3470"><a href="https://acevocommunity.force.com/s/login/" class="elementor-item">Member login</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3471"><a href="https://acevocommunity.force.com/s/#/profile/my_info" class="elementor-item elementor-item-anchor">My profile</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2307"><a href="http://jobs.acevo.org.uk/" class="elementor-item">Jobs</a></li>
</ul></nav>
<div class="elementor-menu-toggle">
<i class="eicon" aria-hidden="true"></i>
<span class="elementor-screen-only">Menu</span>
</div>
<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container"><ul id="menu-2-e5ad987" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="https://acevo.digitalgarden.co/join/" class="elementor-item">Join</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3470"><a href="https://acevocommunity.force.com/s/login/" class="elementor-item">Member login</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3471"><a href="https://acevocommunity.force.com/s/#/profile/my_info" class="elementor-item elementor-item-anchor">My profile</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2307"><a href="http://jobs.acevo.org.uk/" class="elementor-item">Jobs</a></li>
</ul></nav>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-38a6711 elementor-column elementor-col-50 elementor-inner-column" data-id="38a6711" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-ee61cf9 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-search-form--icon-search elementor-widget elementor-widget-search-form" data-id="ee61cf9" data-element_type="widget" data-settings="{"skin":"classic"}" data-widget_type="search-form.default">
<div class="elementor-widget-container">
<form class="elementor-search-form" role="search" action="https://acevo.digitalgarden.co" method="get">
<div class="elementor-search-form__container">
<input placeholder="Search..." class="elementor-search-form__input" type="search" name="s" title="Search" value="">
<button class="elementor-search-form__submit" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
<span class="elementor-screen-only">Search</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="elementor-element elementor-element-72610e4 elementor-nav-menu__align-right elementor-nav-menu__text-align-center elementor-nav-menu--stretch elementor-nav-menu--indicator-none elementor-nav-menu--dropdown-tablet elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="72610e4" data-element_type="widget" data-settings="{"full_width":"stretch","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default">
<div class="elementor-widget-container">
<nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"><ul id="menu-1-72610e4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-29"><a href="https://acevo.digitalgarden.co/about/" class="elementor-item">About</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2493"><a href="https://acevo.digitalgarden.co/about/vision-purpose-values/" class="elementor-sub-item">Vision/purpose/values</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2494"><a href="https://acevo.digitalgarden.co/about/team/" class="elementor-sub-item">Team</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2492"><a href="https://acevo.digitalgarden.co/about/board/" class="elementor-sub-item">Board</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2495"><a href="https://acevo.digitalgarden.co/about/strategy/" class="elementor-sub-item">Strategy</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://acevo.digitalgarden.co/about/impact/" class="elementor-sub-item">Impact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2497"><a href="https://acevo.digitalgarden.co/about/annual-reports/" class="elementor-sub-item">Annual reports</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2498"><a href="https://acevo.digitalgarden.co/about/code-of-conduct/" class="elementor-sub-item">Code of conduct</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2499"><a href="https://acevo.digitalgarden.co/about/work-with-us/" class="elementor-sub-item">Work with us</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2500"><a href="https://acevo.digitalgarden.co/support/" class="elementor-item">Support</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="https://acevo.digitalgarden.co/support/advice/" class="elementor-sub-item">Advice</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2501"><a href="https://acevo.digitalgarden.co/support/good-governance/" class="elementor-sub-item">Good governance</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2502"><a href="https://acevo.digitalgarden.co/support/ceo-in-crisis/" class="elementor-sub-item">CEO in crisis</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2503"><a href="https://acevo.digitalgarden.co/support/mediation/" class="elementor-sub-item">Mediation</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27"><a href="https://acevo.digitalgarden.co/skills/" class="elementor-item">Skills</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2504"><a href="https://acevo.digitalgarden.co/skills/workshops-and-training/" class="elementor-sub-item">Workshops and training</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2505"><a href="https://acevo.digitalgarden.co/skills/coaching/" class="elementor-sub-item">Coaching</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2506"><a href="https://acevo.digitalgarden.co/skills/personal-development/" class="elementor-sub-item">Personal development</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2507"><a href="https://acevo.digitalgarden.co/skills/mentoring/" class="elementor-sub-item">Mentoring</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2508"><a href="https://acevo.digitalgarden.co/skills/programmes/" class="elementor-sub-item">Programmes</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-26"><a href="https://acevo.digitalgarden.co/connect/" class="elementor-item">Connect</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2491"><a href="https://acevo.digitalgarden.co/connect/booking-tcs/" class="elementor-sub-item">Booking T&Cs</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-23"><a href="https://acevo.digitalgarden.co/resources/" class="elementor-item">Resources</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2523"><a href="https://acevo.digitalgarden.co/resources/blogs/" class="elementor-sub-item">Blogs</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2516"><a href="https://acevo.digitalgarden.co/resources/podcasts/" class="elementor-sub-item">Podcasts</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2517"><a href="https://acevo.digitalgarden.co/resources/news/" class="elementor-sub-item">News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2518"><a href="https://acevo.digitalgarden.co/resources/publications/" class="elementor-sub-item">Publications</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2519"><a href="https://acevo.digitalgarden.co/resources/reports/" class="elementor-sub-item">Reports</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2520"><a href="https://acevo.digitalgarden.co/resources/member-briefings/" class="elementor-sub-item">Member briefings</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2522"><a href="https://acevo.digitalgarden.co/resources/recommended-reading-watching/" class="elementor-sub-item">Recommended reading/watching</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24"><a href="https://acevo.digitalgarden.co/advocacy/" class="elementor-item">Advocacy</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2509"><a href="https://acevo.digitalgarden.co/advocacy/policy-and-research/" class="elementor-sub-item">Policy and research</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2510"><a href="https://acevo.digitalgarden.co/advocacy/policy-briefings/" class="elementor-sub-item">Policy briefings</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-25"><a href="https://acevo.digitalgarden.co/services/" class="elementor-item">Services</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2511"><a href="https://acevo.digitalgarden.co/services/dbs-checks/" class="elementor-sub-item">DBS checks</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2512"><a href="https://acevo.digitalgarden.co/services/utility-scheme/" class="elementor-sub-item">Utility scheme</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3668"><a href="https://acevo.digitalgarden.co/services/jobs/" class="elementor-sub-item">ACEVO jobs</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2513"><a href="https://acevo.digitalgarden.co/services/partnerships/" class="elementor-sub-item">Partnerships</a></li>
</ul>
</li>
</ul></nav>
<div class="elementor-menu-toggle">
<i class="eicon" aria-hidden="true"></i>
<span class="elementor-screen-only">Menu</span>
</div>
<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container"><ul id="menu-2-72610e4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-29"><a href="https://acevo.digitalgarden.co/about/" class="elementor-item">About</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2493"><a href="https://acevo.digitalgarden.co/about/vision-purpose-values/" class="elementor-sub-item">Vision/purpose/values</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2494"><a href="https://acevo.digitalgarden.co/about/team/" class="elementor-sub-item">Team</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2492"><a href="https://acevo.digitalgarden.co/about/board/" class="elementor-sub-item">Board</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2495"><a href="https://acevo.digitalgarden.co/about/strategy/" class="elementor-sub-item">Strategy</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://acevo.digitalgarden.co/about/impact/" class="elementor-sub-item">Impact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2497"><a href="https://acevo.digitalgarden.co/about/annual-reports/" class="elementor-sub-item">Annual reports</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2498"><a href="https://acevo.digitalgarden.co/about/code-of-conduct/" class="elementor-sub-item">Code of conduct</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2499"><a href="https://acevo.digitalgarden.co/about/work-with-us/" class="elementor-sub-item">Work with us</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2500"><a href="https://acevo.digitalgarden.co/support/" class="elementor-item">Support</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="https://acevo.digitalgarden.co/support/advice/" class="elementor-sub-item">Advice</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2501"><a href="https://acevo.digitalgarden.co/support/good-governance/" class="elementor-sub-item">Good governance</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2502"><a href="https://acevo.digitalgarden.co/support/ceo-in-crisis/" class="elementor-sub-item">CEO in crisis</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2503"><a href="https://acevo.digitalgarden.co/support/mediation/" class="elementor-sub-item">Mediation</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27"><a href="https://acevo.digitalgarden.co/skills/" class="elementor-item">Skills</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2504"><a href="https://acevo.digitalgarden.co/skills/workshops-and-training/" class="elementor-sub-item">Workshops and training</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2505"><a href="https://acevo.digitalgarden.co/skills/coaching/" class="elementor-sub-item">Coaching</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2506"><a href="https://acevo.digitalgarden.co/skills/personal-development/" class="elementor-sub-item">Personal development</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2507"><a href="https://acevo.digitalgarden.co/skills/mentoring/" class="elementor-sub-item">Mentoring</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2508"><a href="https://acevo.digitalgarden.co/skills/programmes/" class="elementor-sub-item">Programmes</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-26"><a href="https://acevo.digitalgarden.co/connect/" class="elementor-item">Connect</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2491"><a href="https://acevo.digitalgarden.co/connect/booking-tcs/" class="elementor-sub-item">Booking T&Cs</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-23"><a href="https://acevo.digitalgarden.co/resources/" class="elementor-item">Resources</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2523"><a href="https://acevo.digitalgarden.co/resources/blogs/" class="elementor-sub-item">Blogs</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2516"><a href="https://acevo.digitalgarden.co/resources/podcasts/" class="elementor-sub-item">Podcasts</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2517"><a href="https://acevo.digitalgarden.co/resources/news/" class="elementor-sub-item">News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2518"><a href="https://acevo.digitalgarden.co/resources/publications/" class="elementor-sub-item">Publications</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2519"><a href="https://acevo.digitalgarden.co/resources/reports/" class="elementor-sub-item">Reports</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2520"><a href="https://acevo.digitalgarden.co/resources/member-briefings/" class="elementor-sub-item">Member briefings</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2522"><a href="https://acevo.digitalgarden.co/resources/recommended-reading-watching/" class="elementor-sub-item">Recommended reading/watching</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24"><a href="https://acevo.digitalgarden.co/advocacy/" class="elementor-item">Advocacy</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2509"><a href="https://acevo.digitalgarden.co/advocacy/policy-and-research/" class="elementor-sub-item">Policy and research</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2510"><a href="https://acevo.digitalgarden.co/advocacy/policy-briefings/" class="elementor-sub-item">Policy briefings</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-25"><a href="https://acevo.digitalgarden.co/services/" class="elementor-item">Services</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2511"><a href="https://acevo.digitalgarden.co/services/dbs-checks/" class="elementor-sub-item">DBS checks</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2512"><a href="https://acevo.digitalgarden.co/services/utility-scheme/" class="elementor-sub-item">Utility scheme</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3668"><a href="https://acevo.digitalgarden.co/services/jobs/" class="elementor-sub-item">ACEVO jobs</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2513"><a href="https://acevo.digitalgarden.co/services/partnerships/" class="elementor-sub-item">Partnerships</a></li>
</ul>
</li>
</ul></nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-element elementor-element-01831de elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="01831de" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-58fcf5a elementor-column elementor-col-100 elementor-top-column" data-id="58fcf5a" data-element_type="column">
<div class="elementor-column-wrap">
<div class="elementor-widget-wrap">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>