Create a button for menu item

Hi there @mohinvest – to highlight a navigation menu item and make it look like a button/CTA, there are two steps:

• Add a custom class to the navigation link block, in the Advanced > Additional CSS Class area. For example, it could be called myclass or whatever you prefer, as in this screenshot. (No spaces or special characters.)

• Add some custom CSS to apply to your new class. For example:

/* Menu CTA */
.wp-block-navigation-item.myclass {
    background-color: #bb00bb;
    color: #ffff33;
    padding: 10px 15px;
}

Of course, you can modify the colours and padding as you like.

While the Customizer is not exposed by default when using Site Editing, you can still access it manually by adding /wp-admin/customize.php after your URL. You can then add custom CSS in the Additional CSS area.

Let me know how it goes.

THANK YOU!

You’re very welcome!