Setting Divi Mobile Menu Items to Open in a New Tab

Enhancing user navigation on your mobile site can sometimes require having certain menu items open in new tabs. This can be particularly useful for external links or important pages you want to highlight without navigating away from the main page. Here’s how you can configure your Divi Mobile menu items to open in new tabs using the WordPress menu settings.

Step 1: Access Your Mobile Menu

1. Go to your WordPress dashboard and click on Appearance > Menus. This will bring you to the menu editor page.
2. Find the menu designated as your mobile menu. If you have multiple menus, make sure you select the correct one from the dropdown menu at the top of the page and click Select to load the appropriate menu for editing.

Step 2: Enable Link Target Setting

1. At the top right-hand corner of the menu editor page, you’ll find the Screen Options button. Click this to expand the additional settings.
2. Within the Screen Options, look for the Link Target checkbox and ensure it is checked. This action adds an option to each menu item that allows you to specify where the link should open.

Step 3: Set Menu Items to Open in a New Tab

1. Scroll through your menu items to find the ones that you want to open in a new tab. Click on the dropdown arrow to the right of the menu item to expand its options.
2. In the expanded menu item settings, you’ll see a checkbox labeled Open link in a new tab. Check this box for each menu item you want to open in a new tab.
3. After setting up all your desired menu items to open in new tabs, make sure to click Save Menu at the bottom of the menu editor to apply your changes.

Best Practices and Additional Tips

1. Use Sparingly: While opening links in new tabs can be useful, it’s best to use this feature sparingly. Overuse can disrupt the user experience, especially on mobile devices where managing multiple tabs can be cumbersome.
2. External Links: It’s a good practice to set external links to open in new tabs to keep users on your site while providing them with additional information.
3. Testing: After configuring your menu items, test the functionality on various devices to ensure that the links open as expected and that the user experience remains smooth.

By following these steps, you can effectively configure certain menu items in your Divi Mobile menu to open in new tabs, enhancing the functionality of your mobile navigation without sacrificing user experience.