Drawer menu overlayed by sections on all the pages - customised dawn theme

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.

Summarized with AI on December 27. AI used: gpt-5.

site : https://a91d87-c1.myshopify.com/collections/frontpage

password : Password25!