First of all thank you for the theme, I have bought it twice, I love it. After looking at other support tickets I have added some custom CSS to make a menu item have a background (theincrediblejourney.tv). But now when I hover over it the hover line appears above not below the text. Is there a way that I can correct this?
This is the custom CSS that I put in:
header#top nav > ul > li#menu-item-40 > a { color: #fff !important; font-weight: 900; background-color: #fc9229; height: 30px; width: 140%; text-align:center; border-radius: 3px; }
Hi,
First of all thank you for the theme, I have bought it twice, I love it. After looking at other support tickets I have added some custom CSS to make a menu item have a background (theincrediblejourney.tv). But now when I hover over it the hover line appears above not below the text. Is there a way that I can correct this?
This is the custom CSS that I put in:
header#top nav > ul > li#menu-item-40 > a {
color: #fff !important;
font-weight: 900;
background-color: #fc9229;
height: 30px;
width: 140%;
text-align:center;
border-radius: 3px;
}
Thanks in advance for your help :)
Hey ,
Please have a look at this Article :http://themenectar.com/docs/salient/header-button-links/ .
Be.st
ThemeNectar Support Team
Thanks that's exactly what I was after. Is there any way to get the menu item to show up in an orange box in the mobile menu too?
Hey Again,
I am afraid the styling doesnt work in mobile.
Be.st
ThemeNectar Support Team