The Mobile App Layout is a layout created by team Diviflash. In the following, we will provide you with a comprehensive guide on effectively utilizing this layout. Let’s begin:
Step 1: Download the layout’s zip file and unzip it.
Step 2: Install and activate the Divi Theme.
Step 3: Install and activate the DiviFlash Plugin.
Step 4: To ensure the proper functioning of the layout, kindly utilize the following Diviflash modules. Required modules for this Layout are below:
- Advanced Heading.
- Dual Button.
- Image Mask.
- Advanced Blurb.
- Advanced Tabs.
- Advanced Person.
- Content Toggle.
- Flip Box.
- Logo Carousel.
- Testimonial Carousel.
Note: These modules must have been activated before importing the layout.
Step 5: Once all modules are activated, We will import the Diviflash Dashboard settings. To import the settings, navigate through the following steps in the WordPress dashboard:
- Go to WP Dashboard => Diviflash
- Hover over the Diviflash and click on Dashboard
- Click on Import/Export Setting
- Then click on Import Settings
- Choose the DiviFlash Dashboard Settings file.
- Finally, click the import button.
Step 6: After that, we will proceed to import the Divi theme options settings. Follow these steps to successfully import the theme option JSON file:
- Go to Divi => Theme Options.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘Divi Theme Options Settings – Appecho Layout – DiviFlash’.
- Finally, click on ‘Import Divi Theme Options’.
Step 7: Now we will import the Theme Builder settings. To import the Theme Builder Settings, navigate to the following steps:
- Go to Divi => Theme Builder.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘Divi Theme Builder Templates- Appecho Layout – DiviFlash’.
- Click on ‘Import Divi Builder Templates’.
Step 8: Another setting we need to import is Theme Customizer Settings. To import the Divi Theme Customizer settings follow the following steps:
- Navigate to Divi => Theme Customizer.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘Divi Theme Customizer Settings – Appecho Layout – DiviFlash’.
- Finally, click on ‘Import Divi Customizer Settings’.
Step 9: Finally, we will proceed to import all the page layouts to the Divi library. You will find individual page JSON files as well as “All In One – Appecho Layout’s” JSON file to import. Now we will import all in one page’s JSON file to the Divi library.
To import this file into the Divi library, please follow the steps below:
- Navigate to Divi => Divi Library.
- Locate and click on the “Import & Export” button.
- Within the options that appear, select the “Import” tab.
- Choose the ‘All In One’ JSON file from your device.
- Click on the “Import Divi Builder Layouts” button.
For further guidance, you can follow this: How to import Divi Layout Pages.
Step 10: Page Creation: How to create pages with Divi Layouts From Library.
Step 10: The last thing you need to do is to create a menu. Once you’ve created the menu, simply assign the ‘get_download’ class to the ‘Download’ menu button. We have a guide on Divi layout menu customization.
Well done! Now the layout looks exactly the same as our demo layout. If you don’t see anything on your blog section or page and in the filterable project section. It’s because you don’t have anything here. You need to add projects and blog posts to show in those sections.