Category : hamburger-menu

I am having trouble with my navigation menu. My navigation menu is responsive so the navigation uses a navicon (hamburger menu) in mobile version. I changed one of my menu tabs (portfolio) to a dropdown menu. When I did this, the portfolio tab is now not inline with the rest of the navigation menu. In ..

Read more

<a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( ‘Skip to content’, ‘understrap’ ); ?></a> <nav id="main-nav" class="navbar navbar-expand-md navbar-dark"> <div class="container"> <div class="logo-holder"> <a href="/" class="logo"> <img src="<?php echo get_template_directory_uri();?> /img/logo.png" alt="vividdigital" width="275px"></a> </div> <input class="navbar-toggler" id="click" type="checkbox" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="<?php esc_attr_e( ‘Toggle navigation’, ‘understrap’ ); ?>"> <label for="click" class="menu-btn"> <i class="fa fa-bars"></i> </label> ‘primary’, ..

Read more

I need a responsive navbar burger with an overlay that won’t pop out but cover the display with an overlay effect. Can you edit my code and help me ??? CSS is ok but Javascript is little harder for me. Thanks App.js document.addEventListener("DOMContentLoaded", function () { // Get all "navbar-burger" elements var $navbarBurgers = Array.prototype.slice.call( ..

Read more