enter image description hereI'm currently designing a dashboard (with a left navigation menu).

When users are performing a task for example, to subscribe to a certain provider, there will be a pop-up modal to let them know what's happening and to confirm their actions. The pop-up will have a black overlay behind it.

The question is, should the black overlay cover the left-side navigation menu as well (so that it cover the entire web browser) or should it just be within the content itself - this means that users can get away from the pop-up by clicking on another menu link.

  • Allowing user to get away pop up by clicking on some other menu is not recommended. Either user should select action inside popup or close popup to return back to screen. Jul 15, 2020 at 17:25
  • Hi Omkar, thank you for the suggestion. That makes sense too! Jul 16, 2020 at 1:53

1 Answer 1


I would recommend to use a fullscreen lightbox/ overlay. Otherwise there's to much options for the User. Think about what the User is confronted with when he doesnt use the CTA but uses the Left-Navigation? Could be confusing.....

My suggestion is to make it clear and use a fullscreen overlay.

  • Hello! They have to trigger some kind of CTA for it to disappear. They can either click on "Cancel" or "Proceed". Jul 15, 2020 at 8:35
  • Okay, so the suggestion is to overlay the left navigation menu as well, and to also centralise the pop-up to the middle of the screen? Jul 15, 2020 at 9:06

Your Answer

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

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