And this is the custom code I put in my “functions.php” of my child theme. It is important to notice that there are many things to get improved (like creating an id for every submenu and grab the classes dinamically in case you change the theme) but this was a “quick and dirty” solution. If … Read more
I found the problem: I used a ‘link’ menu item instead of a ‘page’ menu item because it was originally a post type archive (but I changed that in a page). If I use a ‘page’ menu item the current-menu-item CSS class does work when there is an url parameter in the url.
Without getting your hands too dirty, a lot of themes come with a CSS editor built-in so you overwrite rules. Feel free to do this for simple changes, and just be wary that your changes could get overwritten if you decide to update your theme in the future. However, if you feel comfortable going deeper, … Read more
Add this page link in navigation menu with #target_point, example http://example.com/contact#location_map Then add an anchor at somewhere of that page with name=”location_map”. Something like <a name=”location_map”></a> Now when someone clicks on this menu, he’ll be directed to this specific part of contact page.
This is offtopic, but since I’m in a good mood with the weekend coming up I’ll answer you anyway 😉 The problem is there because the menu you have chosen to use on the page is meant for links that scroll down on the same page. Therefore a piece of javascript is included by the … Read more
Although this is not a WordPress related question and should be asked on StackOverflow instead, but to align your menu items vertically, you have at least 3 options. Assuming your HTML structure is like the following: <nav> <ul> <li> <a href=”#”>My FIRST ITEM</a> </li> <li> <a href=”#”>My SECOND ITEM</a> </li> </ul> </nav> Option 1 Set … Read more
Add clear:both; to your title. example: https://jsfiddle.net/wap27kuv/ edit: the code is behaving as it should, floated elements will make the sibling elements that has no clear property align to the side of the floated elements. Setting clear:both to your title, stops the floating behavior. You could also use clear:left and it’d work perfectly in this … Read more
With CSS 3, you can use the :last-child or :last-of-type selectors: .is-frontend #content-holder .semplice-navbar nav ul li:last-child { border-right: 1px solid #000000; } However, you could flip this around to make it more backwards compatible using :first-child (which is available in CSS2): .is-frontend #content-holder .semplice-navbar nav ul li { border-left: 1px solid #000000; } .is-frontend … Read more
If you go into the menu editor, you can add several levels already: Where the different levels appear and how is a question of your theme/style sheet, so it’s not a plugin issue.
I use this navwalker <?php class wp_bootstrap_navwalker extends Walker_Nav_Menu { public function start_lvl( &$output, $depth = 0, $args = array() ) { $indent = str_repeat( “\t”, $depth ); $output .= “\n$indent<ul role=\”menu\” class=\” dropdown-menu\”>\n”; } public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { $indent = ( $depth … Read more