Dropdown menu: add image/decrease width
This support request was posted in General Support by lauramanney
- lauramanney February 15, 2013 at 9:08 pm
1. How can I add an image as the background of my dropdown menu under “menus” in the top nav? The url from the media library is- http://www.manneydesign.com/newsitebuild/wp-content/uploads/2013/02/BeerOfTheMonth.jpg
2. can i make the dropdown half the width that it is currently? my words are short so I dont need so much space.
Thanks!
Juanfra Aldasoro February 15, 2013 at 9:16 pmHello Laura,
To add a background image for the dropdown menu items:
#top #navigation .nav li ul li a { background: url(your-image-url.jpg);}
To decrease your submenus width you need to do the following:
.nav li ul {width: 160px; } #top #navigation .nav li ul li a { width: 140px; }
There’s a difference of 20px between those two classes because of the padding.
Best,
Juan.lauramanney February 15, 2013 at 9:20 pmThank you so much for the great support. I recommend nicethemes to everyone because of this.
You must be logged in to reply to this topic.