Return to previous page

Add button to header or change class on menu

This topic has 8 replies, 2 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

Design

Participant

July 23, 2015 at 13:13

Hi,

I would like to add a button to the header, on the left side of the navigation bar or alternatively change the class of a menu item.

is there are tutorial you can point me to for either?

Please, contact administrator
for this information.

#76697 Copied

7 Answers

Eva Kemp

Support staff

July 23, 2015 at 13:31

Hello,

You can add a menu item and customize it as a button via CSS class. Please read this topic:
https://wordpress.org/support/topic/add-button-to-the-menu

Regards,
Eva Kemp.

#76704 Copied

Design

Participant

July 23, 2015 at 16:34

Hi Eve,

I followed this tutorial exactly as specced previous to writing a topic here but I get a blue button that is mis-aligned and I cannot change the color through the custom css. My feeling is that I have the code in the wrong place? i have WooPress and have inserted the code in the custom css file to no effect.

many thanks

Please, contact administrator
for this information.

#76764 Copied

Eva Kemp

Support staff

July 23, 2015 at 17:10

Hello,

Please show a screenshot how you’d like the button to be displayed.

Regards,
Eva Kemp.

#76767 Copied

Design

Participant

July 23, 2015 at 17:33

Please see attached link to image,
many thanks!

Please, contact administrator
for this information.

#76775 Copied
Eva Kemp

Support staff

July 24, 2015 at 11:03
Hello,

I’ve added CSS class “menu-button” to your menu item in Appearance > Menus and added this code in Custom CSS:
```
.menu-button {
    border: 1px solid rgb(155, 66, 27);
    background-color: rgb(155, 66, 27);
    margin-bottom: 5px !important;
}

.menu-button a{
    padding: 10px !important;
}

.menu-button a:hover {
  color: white !important;
}
```
Please check menu button now.

Regards,
Eva Kemp.
#76859 Copied
Design

Participant

July 24, 2015 at 11:12

That’s excellent. thanks ever so much!

#76861 Copied

Eva Kemp

Support staff

July 24, 2015 at 11:36

Hello,

You’re welcome.

Regards,
Eva Kemp.

#76868 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Add button to header or change class on menu’' has been successfully resolved, and the topic is now closed for further responses

Add button to header or change class on menu

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection