Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am trying to round the menu bar navigation like this website (http://coretechrevolution.com) but am having no luck. What is the correct code to add to make this happen?
Thank you!
Hi Ashley
Try the following under Appearance > Custom CSS:
/* Vantage Current Menu Item Colors */ .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000; border-top-right-radius: 5px; border-top-left-radius: 5px; } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000; border-top-right-radius: 5px; border-top-left-radius: 5px; } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^="icon-"], .main-navigation ul li.current_page_item > a, .main-navigation ul li.current_page_item > a [class^="icon-"] { color: #ffffff }Change the colors and border radius listed as required.