Adding a button to header menu

NicolasBen
(@nicolasben)

5 years, 5 months ago

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). 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 to see the link]

Viewing 1 replies (of 1 total)

Abhishek

(@abhikr781)

5 years, 5 months ago

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.

Tags