You are not defining a certain width to each item from the second list, you could use the following to modify the styling for the submenu: ul li ul li { float: none; display: block; width: 100%; } It will look like this: You could also try using CSS Grid or CSS Flex to accomplish … Read more
As far as I can know about menus in WordPress – handlers use menu arguments. You can try to use this. Using the argument filter, we can pass the ID of the item: add_filter( ‘nav_menu_item_args’, function( $args, $item, $depth ) { $args->item_id = $item->ID; return $args; }, 10, 3 ); Then use custom argument anywhere. … Read more
Yes, there is, and the hook is nav_menu_link_attributes: apply_filters( ‘nav_menu_link_attributes’, array $atts, WP_Post $item, stdClass $args, int $depth ) Filters the HTML attributes applied to a menu item’s anchor element. For example, this adds the nav-link class to the <a> tag only if the theme location ($args->theme_location) is exactly my-location: add_filter( ‘nav_menu_link_attributes’, ‘my_nav_menu_link_attributes’, 10, 3 … Read more
I guess you need this function get_the_post_thumbnail_url($menu->object_id); (provided menu item is not a custom link) $menu->ID is not the id of the post/page it is linking to. About calling meta yes it is also possible $image_url = get_post_meta( $menu->object_id, ‘meta_key’, true );
Yes you can. By hooking into the admin_menu hook you can add sub menu pages, and they will appear on hover by default. All you have to do is iterate the recent posts and add them one by one. add_action(‘admin_menu’, function () { $args = array( ‘post_type’ => ‘post’, ‘post_status’ => ‘publish’, ‘orderby’ => ‘post_date’, … Read more
Just use link_before in your wp_nav_menu $args and add opening/closing span tags: $args = [ ‘link_before’ => ‘<span>’, /* Add closing </span> to link_after */ ‘link_after’ => ‘</span><svg>…</svg>’, // Other args ];
Managed to fix it by updating the following: $attributes .= ( $args->walker->has_children ) ? ‘ class=”dropdown-toggle” data-toggle=”dropdown”‘ : ”; // THE PROBLEM! to: $attributes .= ( $args->walker->has_children ) ? ‘ ‘ : ”; // THE PROBLEM! And the fourth $item_output to: $item_output .= ( $depth == 0 && $args->walker->has_children ) ? ‘ </a><b class=”caret dropdown-toggle” … Read more
Referencing the wp_list_pages function reference You’ll probably need to use the second structure you listed, with one change: -Cars (shows a submenu with a list of cars, ie Volvo 850, Porsche 911 ) -Volvo 850 overview (the page you get when you click Volvo 850 on the Car page) -Volvo 850 tech spec (the three … Read more
This is how I do it in a custom theme: <h3>Select pages to include in menu:</h3> <p> <?php $page_ids = get_all_page_ids(); $current_selected = get_option(“pages_to_include”); foreach( $page_ids as $page_id ) { if( get_post_status( $page_id ) == ‘publish’ ) { $checked = ( !empty( $current_selected ) && in_array( $page_id, $current_selected ) ) ? ‘ checked=”checked”‘ : ”; … Read more
To list top level pages only: wp_list_pages( ‘depth=1’ ); To list children of the current page, but only if it is a top level page: if ( 0 == $post->post_parent) { wp_list_pages( ‘child_of=” . $post->ID . “&depth=1’ ); } To list children of the current page, but only if it is a child page: if … Read more