Dropdown menu: add image/decrease width

This support request was posted in General Support by lauramanney

Request ID #697 In Progress
  • 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!

    Hello 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.

    Thank you so much for the great support. I recommend nicethemes to everyone because of this.

    Thanks Laura 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server