Monday , February 3 2025

How to add any text at the end of the menu in WordPress

Now many templates include menus with 100 percent width, and then there is a case – for example, place icons on the right, or insert contacts for mobile devices in the opening menu block. There is a function to implement:

add_filter( 'wp_nav_menu_items', 'my_custom_menu_block', 10, 2 );
function my_custom_menu_block ( $items, $args ) {
    if ($args->theme_location == 'main_menu') {
        $items .= '<li>custom text or html code</li>';
    }
    return $items;
}

This code should be placed at the end of the functions.php file of the site template.
Instead of main_menu, you need to specify the ID of the menu that needs additional code at the end.

About iryna

I'm Iryna, a web developer from Ukraine with a decade of experience solving complex technical challenges in the world of freelance. Throughout my career, I've worked on everything from troubleshooting server-side issues and optimizing website performance to enhancing user interfaces. On this blog, I share detailed solutions to the technical problems I’ve encountered and methods that have worked best for me. In addition to my technical expertise, I’m also passionate about digital drawing. I hope the tutorials and insights I provide here will help both fellow developers and creatives alike in their own projects.

Check Also

How to remove 404 //fonts.gstatic.com and //fonts.googleapis.com from WordPress head section

I tried solutions with functions that should remove from head and , but a very …

Leave a Reply

Your email address will not be published. Required fields are marked *