Skip to main content
January 6, 2020
Question

How can I make a dropdown menu cover the whole screen?

  • January 6, 2020
  • 3 replies
  • 363 views

I have an image. When you hover over it, a dropdown menu appears. The dropdown menu is only the same size as the image, though. When the dropdown menu comes up, I want its background to cover the entire screen. How can I achieve this?

This topic has been closed for replies.

3 replies

Nancy OShea
Community Expert
Community Expert
January 6, 2020

Mega Menus were popular a while back but not so much anymore.  See link below for demos and code examples.

https://www.w3schools.com/howto/howto_css_mega_menu.asp

 

Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Community Expert
January 6, 2020

It's really hard to say what you would need to do without seeing your work in progress.

Could you post a link to your page and give us a little more in-depth explanation of what it is you're trying to achieve? 

BenPleysier
Community Expert
Community Expert
January 6, 2020

Why on earth would you want a hover effect when touch screen do not recognise the action.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!