I have a primary menu with links to all my pages and my logo on the left. I want to add a secondary menu above it with one or two clickable images similar to those in the included screenshot (the request a proposal graphic). Using the menu builder in WP only allows me to add text links, not images.
Thanks, got it. I added your code into line 88 of header.php and my image shows up now. My only remaining problem is that the image is taller than the default height of the secondary menu. I tried finding the string in the CSS to modify the height to fit my image but couldn't. Can you help me out?
I just need to figure out how to adjust the height & padding of that secondary menu. Also, is it easy to eliminate the vertical lines on the side of the image on the secondary menu?
Sure, Add this into the Custom CSS box located in your Salient Options panel :
body #header-secondary-outer ul li img {
max-width: 100%;
height: 28px;
}
body #header-secondary-outer nav > ul > li > a {
padding: 2px 5px 0px 5px !important;
}
I have a primary menu with links to all my pages and my logo on the left. I want to add a secondary menu above it with one or two clickable images similar to those in the included screenshot (the request a proposal graphic). Using the menu builder in WP only allows me to add text links, not images.
How can I do this? Thanks!
Hey Ryan! You'd need to add these list items into the secondary ul in the header.php file manually like so:
http://pastebin.com/WAMNh6xm
Cheers
Thanks, got it. I added your code into line 88 of header.php and my image shows up now. My only remaining problem is that the image is taller than the default height of the secondary menu. I tried finding the string in the CSS to modify the height to fit my image but couldn't. Can you help me out?
Hey Ryan!
Sure, Please provide the page url so i can live edit the css to sort this for you.
Cheers
ThemeNectar Support Team
Tahir,
Sure thing, the site is: http://marketvisionmedia.com
The image is 440px x 40px.
I just need to figure out how to adjust the height & padding of that secondary menu. Also, is it easy to eliminate the vertical lines on the side of the image on the secondary menu?
Thank you!
Sure, Add this into the Custom CSS box located in your Salient Options panel :
body #header-secondary-outer ul li img { max-width: 100%; height: 28px; } body #header-secondary-outer nav > ul > li > a { padding: 2px 5px 0px 5px !important; }
Cheers
ThemeNectar Support Team
Got it, thanks!