Skip to main content
Jan 6, 2020 3:21 AM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

3 replies

Nancy OShea
Community Expert
Community Expert
Jan 6, 2020 8:17 PM UTC

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

 

Translate
Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Community Expert
Jan 6, 2020 4:23 PM UTC

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? 

Translate
BenPleysier
Community Expert
Community Expert
Jan 6, 2020 5:18 AM UTC

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

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