Highlighted

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

New Here ,
Jan 05, 2020

Copy link to clipboard

Copied

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?

TOPICS
How to, Interface

Views

182

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Jan 05, 2020

Copy link to clipboard

Copied

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?

TOPICS
How to, Interface

Views

183

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 05, 2020 0
Adobe Community Professional ,
Jan 05, 2020

Copy link to clipboard

Copied

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


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 05, 2020 0
Adobe Community Professional ,
Jan 06, 2020

Copy link to clipboard

Copied

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? 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 06, 2020 0
Adobe Community Professional ,
Jan 06, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 06, 2020 0