Hi @GM15 Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag or above tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
Topic summary
-
Main issue: Drawer menu was being overlapped by page sections on all pages except the homepage (with video background). Background blur applied only to the top part; high z-index did not help.
-
Actions taken: Store URL and password shared for inspection. Initial suggestion to add code before didn’t work.
-
Resolution 1: Adding a code snippet in theme.liquid immediately after fixed the overlay and blur issues. Confirmation provided by the store owner.
-
Secondary issue: Social icons in the drawer disappeared when the footer section was hidden. After disabling the footer for testing, a new code snippet added in the of theme.liquid resolved the icon visibility.
-
New issue: Drawer open animation no longer smooth; the menu “pops” in instead of sliding. A further code addition to theme.liquid was suggested, but the store owner reports the animation is still not working.
-
Status: Overlay and social icon issues resolved. Drawer animation issue remains open and unresolved. Screenshots were provided for context.
1 Like