Menus

Simple Text Carousel

Simple Text Carousel Thanks to ElemenHOW Watch Tutorial Code for the Elementor text carousel with three texts: Code for the Elementor text carousel with two texts:(Replace existing code) Replace the HTML code with this: <style>/* For 2 texts */.textcarousel, .textcarousel2{pointer-events: none;opacity: 0;}.textcarousel{opacity: 0;-webkit-animation: tcarousel 10s ease infinite;animation: tcarousel 10s ease infinite;}.textcarousel2{opacity: 0;-webkit-animation: tcarousel 10s ease …

Simple Text Carousel Read More »

Off Canvas Menu

Off Canvas Menu Thanks to Oooh Boi Requires PRO Watch Tutorial Download .json file Download and unzip the file Import to Elementor: Menu template (apply to Elementor -> Theme Builder -> header). Set to include on entire site. Popup template (apply to Elementor -> Popups)

Open a Specific Tab, Toggle or Accordion on Same Page Button Click!​

Open a Specific Tab, Toggle or Accordion on Same Page Button Click! Thanks to elementHOW Requires PRO Watch Tutorial Codes for toggle Codes for accordion Codes for tabs Toggle See toggle 1 Go to the advanced tab and then expand the attributes dropdown. Write the text ‘data-toggle-open|0’ in the Custom Attributes checkbox. If it’s to …

Open a Specific Tab, Toggle or Accordion on Same Page Button Click!​ Read More »

Show-hide Header on Scroll

Show-hide Header on Scroll Thanks to Oooh Boi Requires PRO Watch tutorial java script <script> “use strict”; OB_ready(OB_doWhenReady); function OB_doWhenReady() { // localize everything var ooohBoi = window.ooohBoi || {}; // local scope variables ooohBoi.prev_scroll_pos = window.scrollY || document.body.scrollTop; ooohBoi.cur_scroll_pos; ooohBoi.scroll_direction = ‘init’; ooohBoi.prev_scroll_direction = 0; ooohBoi.header = document.querySelector(‘#show-hide-header’); // header ID ooohBoi.header_pos = { …

Show-hide Header on Scroll Read More »

Sticky vertical menu

Overtitle or else? Some pretty much irrelevant but outstanding title Sed nec convallis nisl, vel dictum est. Fusce non neque ligula. Fusce a euismod orci, finibus pretium tortor. Ut cursus gravida arcu, in placerat nulla. Ut cursus gravida arcu, in placerat nulla. Sed nec convallis nisl, vel dictum est. Fusce non neque ligula. Fusce a …

Sticky vertical menu Read More »

Header that shows anywhere on page with hamburger icon

Header that shows anywhere on page with hamburger icon Thanks to elementorcodes.com Requires PRO & Elementor Add-on Elements Watch Tutorial Download .json file Download and unzip the file Import to Elementor template

Full screen menu (popup)

MENU Menus Sections Hero sections Misc  How to use Menu Menus Sections Hero sections Misc  How to use Frontpage | Privacy | Terms & Condition comtact@yourcompany.com +45 123 456 Adress 1Adress 2 Follow us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et metus neque. Aenean sed lorem in ex molestie viverra. Ut venenatis …

Full screen menu (popup) Read More »

Mega Menu 2

MegaMenu Menus Hero Sections Sections Misc MegaMenu This is the heading Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor Click Here This is the heading …

Mega Menu 2 Read More »

Flexpanels

Flex panels Thanks to Frank Tielemans Requires PRO Watch Tutorial Edit css in the Section “Flexpanels” Mars Mars Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Explore Venus Venus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar …

Flexpanels Read More »