Solving Menu Click Issues with OceanWP Theme in WordPress

Are you experiencing issues with clicking menus with sub-menus when viewing your website on mobile devices? If so, this is a common problem many users face, especially those using the OceanWP theme.

The solution to this issue lies in the theme’s customization settings. Specifically, you need to adjust the “Dropdown Target” setting for the mobile menu.

Step-by-Step Solution

  1. Log in to your WordPress dashboard and navigate to Appearance > Customize
  2. Click on Header > Mobile Menu
  3. In the Mobile Menu Settings, scroll down to the Dropdown Target section
  4. Select Icon from the dropdown options

By setting the Dropdown Target to Icon, you’ll be able to click menus with sub-menus without any issues on mobile devices.

Why This Solution Works

The OceanWP theme uses a unique approach to rendering menus on mobile devices. By default, the theme sets the dropdown target to “Self”, which causes the issue mentioned above. By changing this setting to “Icon”, you’re allowing the menu items to behave as expected, with the sub-menu options opening when clicked.

Conclusion

In this article, a common problem many WordPress users face when using the OceanWP theme on mobile devices is covered. By simply adjusting the Dropdown Target setting in the theme’s customization settings, you can resolve this issue and enjoy a seamless user experience across all devices.

0%