/

August 5, 2024

How To Add Button In WordPress Header menu

Adding a button to your menu in WordPress is very simple. It does not require any plugin or specific theme. You can only add a little CSS in the addition CSS section.

Adding a button in the header navigation menu. you can see it in the image below.

 

Step 1: Click on Appearance > Menu from the WordPress dashboard.

Then add the buy now page in the menu section.

 

Step 2: After that Add the buy now button then click on the screen option and enable CSS classes.

 

Step 3: Enter the CSS class name and save the menu.

 

Step 4: Then go to theme customizer and click Additional CSS.

 

Step 5: Copy this below CSS and paste it into Additional CSS.

     .menu-button { 

        background-color:#eb5e28;

        border:1px;

        border-radius:3px;

       padding:10px;

   }

    .menu-button a,  .menu-button a:hover, .menu-button a:active { 

       color:#fff !important;

   }

 

Now you see a live preview on your website.

Note:- You can change the CSS if you want.

From the same category