Title: Adding a button to header menu
Last modified: November 27, 2020

---

# Adding a button to header menu

 *  [NicolasBen](https://wordpress.org/support/users/nicolasben/)
 * (@nicolasben)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-a-button-to-header-menu/)
 * Hi,
 * I am trying to add a button to my header menu (“Newsletter”). I followed the 
   instructions of the theme documentation ([https://docs.oceanwp.org/article/144-how-to-add-a-button-to-header-menu](https://docs.oceanwp.org/article/144-how-to-add-a-button-to-header-menu)).
   However, after adding the “btn” as css-class there is still no button design,
   but only a normal header element. Any help to resolve this issue is highly appreciated.
 * Best,
    Nicolas
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadding-a-button-to-header-menu%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-a-button-to-header-menu/#post-13724585)
 * Hi,
 * As checked you have created that with elementor and Oceanwp doesn’t control the
   elementor design/settings.
 * Please try to add the below CSS code from the Appearance > Customize > Custom
   CSS, and check.
 *     ```
       li.btn.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-416>a {
           background-color: #13aff0;
           color: #fff !important;
           padding: 12px 22px !important;
           font-weight: 600;
           margin-top: 25px;
           border-radius: 4px;
           cursor: pointer;
           text-align: center;
       }
   
       li.btn.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-416>a:hover {
           background-color: #da360b;
           color: #fff !important;
           padding: 12px 22px !important;
           font-weight: 600;
           margin-top: 25px;
           border-radius: 4px;
           cursor: pointer;
           text-align: center;
       }
       ```
   
 * PS- change color code and required values as per your need.

Viewing 1 replies (of 1 total)

The topic ‘Adding a button to header menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [css-class](https://wordpress.org/support/topic-tag/css-class/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 1 reply
 * 2 participants
 * Last reply from: [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/adding-a-button-to-header-menu/#post-13724585)
 * Status: not resolved