Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Weird Problem-Opaque Menu on Mobile using Elementor

Featured Replies

Hi, I’m quite new to creating websites so would like to seek help from experts here.

I created this site using Elementor basic version and the menu when opened on mobile phones is transparent and shows the page behind as shown in the attached pic. It makes the whole thing looks weird.

How do I make the menu opaque so people can only see the menu when opened?

Or anyone has any suggestions on how to fix this?

 

Any help would be greatly appreciated!! Thanks!!

 

B2120808-9B69-4150-BC03-5E8C86E67515.jpeg

1. Don't use elementor

2. The menu is a theme function not part of elementor.

To fix the transparency you need to find the CSS styles for the menu background. Post a link to the site and we can help with this.

That being said, if this is how the site looks on a phone you have a lot more work to do that just fixing the menu.

1. Use Elementor...

2. There are a Elementor plugins for responsive menus. or off canvas menu. try those.

3. Change the background of the menu. or check the z-index of the menu. z-index should be the highest. 

No, really don’t use elementor. In fact avoid Wordpress page builders in general. All they do is clog up your site and create layouts that just don’t work well on smaller screens.

They may be responsive but they aren’t mobile first. And that’s what Google likes.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.