Menu

Hi

How can I change the menu at the top of the page to have buttons instead of just wording.

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current_page_item a {
background-color: teal;
border-radius: 20px;
}

Put your background Color and border radius inplace of teal and 20px respectively.
This will solve your issue.

 

Thanks. So how do i do it for all the top menu items? Is it possible to make it square? website is www.dischembaby.co.za

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current_page_item a {
background: red;
}
#menu li a:hover {
background: red;
}

Inplace of "red" put your color code.