• 0
Sign in to follow this  
Followers 0

Drop-down nav menu has incorrect widths

Question

Posted · Report post

Hello, The drop down menus on my website, www.aquavitpharma.com are not consistent. One is smaller than its parent, and others are larger than. What CSS code may I use to adjust these? Thanks in advance for the help. -Lee

Share this post


Link to post
Share on other sites

8 answers to this question

  • 0

Posted · Report post

Is this happening in a particular browser or all of them?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I just checked it in IE9 and Firefox and it's consistently even.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay, I see what you are saying... Perhaps I wasn't being clear. I'd like the drop-down to be the same size as the parent's tab. As you see with the "Research & Development" tab, it is wider because of the title... I'd like the drop-down to be the same length. Thank you in advance. Best, -Lee

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The browsers I have tested are Chrome, Chromium (linux), IE, Safari, iOS Safari, Firefox... and the drop-down tabs do not match the width of the parents.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I believe that is because the width is set to match the width of drop down contents, not the parent. Matching the parent width isn't a good idea because you will have huge amounts of empty space or menu items cut off because it's too narrow.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you, but I am not satisfied with that answer since it is not aesthetically pleasing. I would like to know how to set the individual widths. That would allow for a much more consistent design. There must be a way to control each individual width. If I could match the parent on some, and not on others... etc. Thanks for your time thus far. -Lee

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Lee, I've never seen any subnav drop down match the width of the parent. Usually menus have a wider subnav than the parent. However, you can always find and implement an alternative menu. In past, I have recommended several people here who've changed our default menu into some rather stylish ones http://www.cssplay.co.uk/menus/ When viewing, to find the CSS, right click and view it then copy.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

rangelone, thanks for the resource. I will search for a solution there.

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
Sign in to follow this  
Followers 0