Published on Sep 11, 2019

How to prepend or append custom HTML to nav menus in WordPress

Sridhar Katakam

This members-only tutorial provides the steps to add a custom list item using code at the beginning or end or both to navigation menus in WordPress.

custom HTML at the beginning of nav menu
custom HTML at the end of nav menu

This method is typically used to append search boxes or social icons or widget areas or a shopping cart icon to nav menus.

Step 1

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Filter menu items to prepend a custom list item in Main Menu

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right