Latest posts
-
script.js
class ImageRevealMenuHandler extends elementorModules.frontend.handlers.Base { getDefaultSettings() { return { selectors: { container: ‘.reveal-menu-container’, menuItems: ‘.reveal-menu-item’, bgImages: ‘.reveal-bg-image’ } }; } getDefaultElements() { const selectors = this.getSettings(‘selectors’); return { $container: this.$element.find(selectors.container), $menuItems: this.$element.find(selectors.menuItems), $bgImages: this.$element.find(selectors.bgImages) }; } bindEvents() { const $menuItems = this.elements.$menuItems; const $bgImages = this.elements.$bgImages; $menuItems.on(‘mouseenter’, (e) => { const $currentItem = jQuery(e.currentTarget); const…
-
style.css
.reveal-menu-container { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; padding: 10% 8%; box-sizing: border-box; } .reveal-background-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .reveal-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0;…
-
widget-image-reveal-menu.php
” data-index=”“> {{{ item.item_title }}}
-
main.php