Logo preventing clicks on drop down

[Amanda Evans]

When I upload our organizations logo, its moving the drop down menu items beneath the height of the logo which then makes them unclickable as they are too far from the top navigation. I’d like to be able to use my orgs logo but can’t make it any smaller. Is there a workaround?

[Bill Robbins]

Hello Amanda,

Thank you for your business first of all. Great question too. Go to the Theme Options page and choose the Header tab (the first one). Scroll down towards the bottom and you’ll see a field for “Drop Down Distance.” You can use this field to adjust the distance between your navigation menu and the drop-down menus below it.

Taking a look at your site, I would try this first:

-70px

Save your changes and refresh your home page and see if that won’t allow the navigation menus to work better.

You can also make the drop-downs wider if you need to. Here’s how to do that if you’d like to:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   nav#top-menu ul li:hover ul {
   	width: 240px;
   }
   

3. Update your settings.

If you have any questions or trouble, just let me know.

Thanks,
Bill

[Author]

Posts