as its written in the subject, im searching for a mega-menu-solution on a site. Given specifications are, that the brand logo itself must stay where it is in size and position and is NOT allowed to be covered.

However the search is allowed to be covered by the menu. Also i need a solution where the mega-menu covers the whole width. Otherwise it wouldnt be a challenge ;)

A mockup is attached here: The black square is the brand logo

Feel free to post ur thoughts and ideas, even if they do not seem to be the the final-solution.

Thanks in advance!

  • I really don't understand what you need here since your description would be the answer itself. You want to know how to implement it? If so, this is off topic here
    – Devin
    Dec 13, 2016 at 20:00
  • Sorry for my bad english, i edited the subject. The Problem is, that sometimes there is a big image behind the menu, and not just white background. Means: The brand, the menu and the search are directly on that image. Maybe that describes my problem better?
    – Fab
    Dec 13, 2016 at 20:09
  • Why not have the menu below the searchbar? Dec 14, 2016 at 9:00

1 Answer 1


I see three options:

  • Chop a corner out of your full-width mega-menu so it doesn't cover the logo.

  • Move your menu bar below the search bar so it can then go full-width below the logo.

  • Let the mega-menu cover the logo, but place the logo inside the menu so it's visible when the menu is open.

  • Thanks for the quick reply and ur thoughts on this. - Chopping looks strange - tried that already. - If changing placement of search and menu bar would be possible, i would have done that already - That would work on pages with white background in the header. Tried that too. But on a lot of pages we have background-images that are BEHIND menu bar, search bar and Logo. Therefore it wouldnt work, unless we cover the whole area on top with white.
    – Fab
    Dec 13, 2016 at 21:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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