Animated SVG makes submenu unusable
Briefly

The problem revolves around a submenu in a WordPress website created using the OceanWP theme and Elementor page builder, which is being obscured by an animated SVG. The user has attempted to fix the situation by applying various z-index values to both elements without success. This suggests a deeper issue related to the stacking context created by the SVG animation, making the submenu inaccessible. The search for a practical solution to this layering problem continues as the user finds the situation increasingly frustrating.
The submenu of the main menu is hidden behind an animated SVG, causing accessibility issues. Adjusting the z-index alone hasn't resolved the issue.
I've attempted various methods, including modifying z-index values, but the submenu remains obscured. It's becoming frustrating as I explore solutions.
The conflict appears to arise from the stacking context of the SVG animation and menu, which may not respond predictably to typical CSS adjustments.
This issue highlights the complexities of layering elements in web design, especially with SVG animations which can take precedence over other content.
Read at www.sitepoint.com
[
|
]