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

September 11, 2019    Sridhar Katakam    Leave a comment
Favorited by: 
1

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 $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.

  • Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.

    Join 488 other subscribers

    • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: