Mobile Menu Close Button Issue
February 3, 2025 ยท AI Conversations
Mobile menu cross button not showing
### 1. **Check Theme Options**
– Go to **Avada > Options > Menu > Mobile Menu** and ensure that the **Mobile Menu Close Icon** is enabled.
– Verify that the **Mobile Menu Design** is set to "Flyout" or "Modern" (some styles might not display the close button properly).
### 2. **Check Custom CSS/JS Conflicts**
– If you have added any custom CSS or JS, temporarily disable it and check if the issue is resolved.
– Look for any `display: none;` CSS rule hiding the close button.
### 3. **Check z-index of Close Button**
– The close button might be hidden behind other elements. Try adding this CSS:
.fusion-mobile-menu-icons {
z-index: 9999 !important;
display: block !important;
}
### 4. **Ensure Font Awesome Icons Are Loading**
– Go to **Avada > Options > Advanced > Performance** and ensure **Load Font Awesome** is enabled.
### 5. **Inspect in Developer Console**
– Right-click on the mobile menu in Chrome, click **Inspect**, and check if the close button (`.fusion-close-menu`) is present but hidden due to CSS.
### 6. **Check Plugin Conflicts**
– Deactivate other plugins except for Avada Core and Avada Builder.
– If the close button appears, reactivate plugins one by one to find the conflict.
### 7. **Clear Cache**
– If you are using WP Super Cache, W3Speedster, or Cloudflare, clear all caches and test again.
If the issue persists, let me know if you're using a child theme or any modifications to the Avada menu!