Found that I was including the Bootstrap.min.js from the footer.php and this caused the issues. When the URL was wrong in functions.php then the js called from Footer made the menu show correct but then gave a console error for the incorrect URL called in functions.php, while when both were called correctly they clashed. By … Read more
The hamburger is shown with ionicons as an after element. You have conflicting CSS in your theme. This (specifically, the content: ” “;) CSS: .entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before { content: ” “; display: table; } is overwriting the hamburger menu’s CSS @media only screen and (max-width: 800px){ .menu-toggle:before, .menu-toggle.activated:before { color: #1e1e1e; … Read more
Your theme (or child theme) is likely using page.php as the default page template. This file likely contains a call to the WP function the_title() which is generating the visible page title. Multiple options to modify this. Assuming you are using a theme which will have updates available, your changes should be made using the … Read more
There might be a better way to do this, but I would use jQuery to target the menu items and .addClass(). So, something like: $( document ).ready(function() { $(“.menu-item-one”).addClass(“fa fa-icon”); );
Make a button and a div on the page template Make the button toggle the visibility of the div When the div is toggled to be visible, have it populated by a WP_Query that fills it with menu items.
If you’re looking for something like this: It’s actually not as complicated as using multiple Nav Walkers and can all be achieved with CSS. #masthead{ background:#B81237; padding:0.1rem 0 0 0; box-shadow:#999 0 2px 6px; box-shadow:rgba(0,0,0,0.2) 0 2px 6px; } .site-logo{ width:100%; margin:0 auto; padding:0; text-align:center; } .site-logo img{ position:relative; z-index:10; width:15%; margin:0.1rem auto -9rem auto; … Read more
You need to use the admin_enqueue_scripts hook. As you can imagine, you’re not the first one to attempt that: WordPress admin stylesheet
My first guess is that the theme has a code that creates the menu item.
You can create that flip effect by setting the dropdown animation to Flip in your WordPress Dashboard > Divi > Theme Customizer > Header & Navigation > Primary Menu Bar All the way at the bottom is DROPDOWN MENU ANIMATION Set that to “Flip”
Check your site source to see what classes do your category links have on them, then style these classes with CSS, like: .category-5 a{ background:transparent url(images/…) no-repeat left top; padding-left: 25px; }