• 0

Dropdown menu issue...gap in margin


Question

Posted · Report post

Hello everyone! 

 

I'm having an issue with my website (here's the link...screenshot also attached). If you take a look you'll see that the top navigation (the item titled 'Advisory') has one item listed below it ('Case Studies'). That dropdown has additional pages under it, so it's Advisory --> Case Studies --> list of items. The problem is there's a huge vertical gap between the first dropdown option and submenu options. I hope I'm making sense...

 

Can you please help me find the CSS selector to align the sub-drop down menu? 

 

[attachment=1607:Screen shot 2013-10-02 at 10.41.25 AM.png]

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi,

 

Your issue is related to your custom CSS, this snippet is the cause of the issue.

 

ul.sf-menu ul.sub-menu, ul.sf-menu ul.children {
width: 12.5em !important;
}

Removing that will resolve your issue.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks, Danny! 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now