Mobile Menu Close Button Issue

User
Avada fusion builder
Mobile menu cross button not showing
Assistant
If the mobile menu cross (close) button is not showing in Avada Fusion Builder, try the following troubleshooting steps:

### 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!

Leave a Comment

Your email address will not be published. Required fields are marked *