Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a mega menu that's supposed to have a fixed width within certain boundaries. I am discussing with my designer and developer colleagues cases where the content of the mega menu increases in width.

Our options are:

  1. Wrap the content in the mega menu in order to keep the mega menu's width preserved.

enter image description here

  1. Allow the mega menu to expand horizontally to a certain limit which is wider than the alignment with the top menu. It's worth noting that the expansion will have to be to the left.

enter image description here

I'd appreciate your thoughts on the issue.

share|improve this question

1 Answer 1

I would place the top menu below the Logo making use of the full width of the browser window and not wrapping the text. You get more balance in your viewport, don't cover the logo and make room for possible sign in | register links as well as a search field at the very top. Like this:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
    
I would add that if you are still constrained, that you then either need to: rethink the copywriting of the menu items; remove some of the menu items; or wrap the text. In that order. –  JohnGB Mar 1 '13 at 10:34
2  
@JohnGB That's a really good point. Adding to that list - think of labeling and the possibility to decrease the numbers of characters used in the label. –  Benny Skogberg MCSA Mar 1 '13 at 10:36
    
Thanks Benny for your response. Unfortunately your solution doesn't work because the logo we are dealing with is ridiculously large and wide and our client's Branding requires that we deal with it. Your solution would cause a lot of empty space and would push the content down. We've already added a strip where login and search are available to the top of what I have shown you. But thanks for your input. –  Tarek Mar 1 '13 at 10:39
    
I should add that the website is not for my company. We are designing for a third party and we are trying to cater all cases that they may go through and attempting to remove as many restrictions as possible! –  Tarek Mar 1 '13 at 10:40
    
@Tarek If you try to cater for all cases, the only option is to wrap. It also means that you have to choose a potentially worse design just in case someone wants something. –  JohnGB Mar 1 '13 at 10:45

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.