How to edit tabs hidden on the front-end in Divi Landing Page Layouts

Issue: When using a landing page layout in Divi that includes tabs with hidden content like landing page layout 48 and 49, only one tab’s data is visible on the front end at a time. This can cause difficulty in editing the second or third tab’s content directly in the Divi Visual Builder.

Solution: Follow these steps to access and edit tab content using the Divi Builder’s Wireframe Mode:

1. Switch to Wireframe Mode
   • Open your page in the Divi Builder.
   • Switch to Wireframe Mode. This view displays all rows and modules, including hidden ones, making it easier to locate and edit tab content.
2. Edit Existing Tabs
   • In Wireframe Mode, locate the rows containing the tab content.
   • Each row corresponds to a specific tab.
   • Edit the text or adjust settings for the desired row as needed.
3. Add a New Tab
   • In Wireframe Mode, add a new row to represent the content of the new tab.
   • Assign a class to the new row that matches the structure of the existing tabs. This ensures proper linking.
   • Add a new tab in the tab module and assign the same class to this tab so it links correctly to the new row content.
4. Preview and Save
   • Switch back to the front-end view to preview your changes.
   • Verify that all tabs display and function as expected.
   • Save your changes.