Top menu is not showing until I scroll down (Divi Theme)

If your top menu is not showing until you scroll down in the Divi theme, it might be due to the default header behavior or a specific setting. Here are some steps to troubleshoot and resolve the issue:

Troubleshoot 1

• Check Header Options: In Divi, the header behavior can be controlled through the theme options. Here’s what you can do:
  • Log in to your WordPress admin panel.
  • Go to “Divi” in the left-hand menu and click on “Theme Customizer.”
  • In the customizer, look for the “Header & Navigation” section or similar options that control the header behavior.

• • Check if there’s an option like “Fixed Navigation” or “Sticky Header.” If it’s enabled, try disabling it to see if the menu behavior changes.

Troubleshoot 2

• Inspect CSS and JavaScript: Sometimes, custom CSS or JavaScript can interfere with the default header behavior. Follow these steps:
  • Right-click on the menu area of your website and select “Inspect” or “Inspect Element” to open the browser’s developer tools.
  • Look for any CSS styles or JavaScript code that might be affecting the visibility of the menu.
  • Check if there are any properties like “position: fixed” or “display: none” applied to the menu or its container.