I build a 2-level mega-menu, with the submenus opening on click on my website. I want like to add an overlay to darken the rest of the page when the submenus are collapsed.
To do so, I added an empty container block to my header, and applied the following style :
.header__overlay {
display: none;
height: 100%;
width: 100%;
position: absolute;
background: rgba(0,0,0,0.5);
z-index:99;
}
My idea was to change “display: none” to display: block” when a submenu is displayed, but I don’t know what would be the best way to do so.
Is there a proper way to achive this ? I apologize if this is a basic question but I am not fully comfortable with javascript.
Thank you in advance for your help.
]]>Currently there is a bug in OceanWP that prevents the hamburger menu from opening when javascript is disabled.
I’d like to fix this bug by adding a <noscript>
fallback that opens a CSS menu, but I can’t find any information on the website about how to contribute to the open-source codebase of OceanWP.
Please let me know where I can submit a PR to fix this bug in OceanWP.
]]>Currently there is a bug in GeneratePress that prevents the hamburger menu from opening when javascript is disabled.
I’d like to fix this bug by adding a <noscript>
fallback that opens a CSS menu, but I can’t find any information on the website about how to contribute to the open-source codebase of GeneratePress.
Please let me know where I can submit a PR to fix this bug in GeneratePress.
]]>Currently there is a bug in hestia that prevents the hamburger menu from opening when javascript is disabled.
I’d like to fix this bug by adding a <noscript>
fallback that opens a CSS menu, but I can’t find any information on the website about how to contribute to the open-source codebase of hestia.
Please let me know where I can submit a PR to fix this bug in hestia.
]]>Currently there is a bug in neve that prevents the hamburger menu from opening when javascript is disabled.
I’d like to fix this bug by adding a <noscript>
fallback that opens a CSS menu, but I can’t find any information on the website about how to contribute to the open-source codebase of neve.
Please let me know where I can submit a PR to fix this bug in neve.
]]>Currently there is a bug in astra that prevents the hamburger menu from opening when javascript is disabled.
I’d like to fix this bug by adding a <noscript>
fallback that opens a CSS menu, but I can’t find any information on the website about how to contribute to the open-source codebase of astra.
Please let me know where I can submit a PR to fix this bug in astra.
]]>This started since the upgrade to Elementor 3.27. The glider elements can be changed with buttons but this is broken. I waited one week in case the updates of the last days would resolve it but they haven’t.
Is this a known issue that can be easily fixed on my side please?
Error on click
Uncaught TypeError: Cannot read properties of undefined (reading 'transition')
at V.setTransition (swiper.min.js?ver=8.4.5:13:51641)
at V.slideTo (swiper.min.js?ver=8.4.5:13:31973)
at HTMLDivElement.<anonymous> ((index):2924:11075)
at HTMLDivElement.dispatch (jquery.min.js?ver=3.7.1:2:40035)
at v.handle (jquery.min.js?ver=3.7.1:2:38006)
swiper.min.js/ver=8.4.5
transition: {
setTransition: function(e, t) {
const s = this;
s.params.cssMode || s.$wrapperEl.transition(e),
s.emit("setTransition", e, t)
},
]]>This plugin seems really promising for my current project, I’m just curious to know if it degrades gracefully in case the user has disabled Javascript? So the user doesn’t get stuck on a loading screen.
Thanks!
]]>var emailField = document.querySelector(“.gift4u-recipient-email”);
if (deliveryMethod === ’email’) {
emailField.setAttribute(‘required’, ‘required’);
} else {
emailField.removeAttribute(‘required’);
}
Of course you need to set the deliveryMethod before the test, but I think you get the point…
EDIT: This only applies if you have “Required recipient email” selected in the product.
]]>