Skip to content

Conversation

w3bdesign
Copy link
Owner

@w3bdesign w3bdesign commented Sep 4, 2024

Fixes #1352

Adjust the mobile menu height and z-index to prevent it from covering the entire page on mobile.

  • Adjust the height of the mobile menu to calc(100vh-4rem) to account for the footer height.
  • Update the z-index of the mobile menu to z-10 to ensure it is placed above the fixed footer menu.

For more details, open the Copilot Workspace session.

Fixes #1352

Adjust the mobile menu height and z-index to prevent it from covering the entire page on mobile.

* Adjust the height of the mobile menu to `calc(100vh-4rem)` to account for the footer height.
* Update the z-index of the mobile menu to `z-10` to ensure it is placed above the fixed footer menu.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/w3bdesign/nuxtjs-woocommerce/issues/1352?shareId=XXXX-XXXX-XXXX-XXXX).
Copy link

vercel bot commented Sep 4, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
nuxtjs-woocommerce ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 4, 2024 5:46am

Copy link

sonarqubecloud bot commented Sep 4, 2024

@w3bdesign w3bdesign merged commit a4b7816 into master Sep 4, 2024
8 of 9 checks passed
@w3bdesign w3bdesign deleted the fix-mobile-menu branch September 4, 2024 05:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile menu covers page

1 participant