[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"learn-tip-post-darken-the-page-when-your-menu-is-open":3},{"_id":4,"content":5,"title":6,"slug_history":7,"slug":8,"postDate":9,"image":10,"categories":11},"5eafc149d25dca12aa1bb489","\u003Cp>If you have a navigation bar with many options, it’s likely that it has a pop-out structure. Basically, you hover the mouse over one main element, and this opens a submenu with more options. This submenu overlays the main page. However, this can make it a bit hard to see what’s the menu and what’s part of the main page. \u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cp>To solve this, you can darken the page when the menu is open. This way, you have a clear contrast between the menu and the page, while everything is still visible. \u003C\u002Fp>\u003Cp>\u003C\u002Fp>","Darken the page when your menu is open",[8],"darken-the-page-when-your-menu-is-open","2020-05-04T07:16:06.603Z","components\u002F1588576581223_overlaypng",[12],"header"]