Overlay Effect for Dropdown and Cart Open
Step 1
XTRA

When a dropdown menu or the cart panel is opened, a focus overlay can appear between the header and the rest of the page content. This overlay helps visually isolate the active element, such as the navigation dropdown or shopping cart, by dimming the background and reducing distractions. It improves the user experience on both desktop and mobile by guiding attention and reinforcing the interaction context—especially useful for websites with complex navigation or eCommerce features.
Go to :
Theme Options > Header > Menus Hover Effects > Dropdown overlay


No comment