Contains advanced tutorials. Tutorial view 11. This tutorial demonstrates how to use the drop-down menu of divi theme builder to create an elegant theme. This is an advanced Mega menu with text, icons and CTA. You can also create custom variants by adding more modules from the ET menu.
Tutorial view 12. Show global headers when scrolling up and hide them when scrolling down. This shows how to create unique headers that are displayed when scrolling up but hidden when scrolling down. This allows you to display more content when scrolling down, but fixed headers have the advantage when scrolling up. Tutorial view 13. Create a move zoom overlay menu this tutorial shows how to make a menu designed for movement. Menu item nesting. Use the move fold effect in the navigation menu. Users can easily open or collapse menu items on mobile devices.
View tutorial 14. Add animation effect on the global header. Here, apply animation to the elements of the global header to demonstrate how to attract attention and attention. Animation elements include navigation menus with logos, social media attention icons, and CTA buttons. Elements are stacked on the mobile screen, one at a time. Tutorial view 15. Online login form design of global header this is a necessary tutorial if you want to create an online login form for the header. Add the divi login module to the title above the navigation menu and use CSS to add some other styles. CSS is included in tutorials and files.
Tutorial view 16. Add parallel buttons to the global header this tutorial will show you how to create an interesting CTA with a unique button design. The buttons are connected side by side. Each still looks like a different button. One is the main button and the other is the auxiliary button. View tutorial 17. Automatically place the title below the first section this tutorial will demonstrate how to automatically place the title below the first divi section on each page. This will first show the hero section of the page with a title with a logo, navigation menu, and so on below it.
View tutorial 18. Add a drop-down contact to the global header form. This shows how to add a drop-down contact form to the entire header. The contact form is small. Click the contact button to open it. This allows you to easily access the contact form while keeping your head clean. Tutorials and include jQuery and CSS. Tutorial view 19. This is a necessary tutorial if you want to replace the header in scrolling and change the header to another header when the user scrolls. Two titles can contain different contents or have different colors. The tutorial and files contain jQuery.
View tutorial 20. Five global presets for the menu module are a good way to save time and create a consistent design with divi builder. This tutorial describes how to create five global presets to help simplify the divi header creation process. Even if you created a preset from the beginning, you can it from this tutorial. View tutorial 21. Add a \
Application this tutorial shows how to use SVG files in logos, so it is not limited to PNG. In addition, the animation effect of SVG logo is also demonstrated. Animation is processed by the anime JS library. Can be used to animate all logos. See tutorial 23. Mixing the title and body into post content modules and partition separators is a good way to create smooth switching between divi partitions. This shows how to use divi’s built-in partial separator to create a switch between the title and body content. Tutorial view 24. Add a dynamic site title and tag line to the global header. The site title is suitable for replacing the logo or providing a brief description of the site. The dynamic site title allows you to change the title in one location and automatically change the title in all locations where dynamic titles are used. This guide shows how to add a dynamic site title to the entire title. View tutorial 25. If the logo image does not optimize the website logo image through the global preset, all pages may load slowly or not match the screen. This tutorial demonstrates how to use the optimization options in divi to create the correct size, location, and style. In addition, you will show how to change settings to reusable presets. View tutorial 26. The \
Demonstrate how to perform. Tutorial view 33. Add button to header button is the best CTA that can be added to header. Attract users’ interest and click easily. This tutorial demonstrates how to add a button to the divi title of an entire website or a specific page. You can also use this knowledge to deploy anywhere on the site. Tutorial view 34. Switching the content of the title space with the switch icon is a good way to save the title space and keep the design clean. You can display icons instead of viewing everything. When the user clicks the icon, the content is displayed. This tutorial demonstrates how to switch the contents of phone numbers, email addresses, and social sharing buttons. This guide includes CSS and jQuery in articles and files. Tutorial view 35. Cross mark the main menu bar and auxiliary menu bar inside the header. Placing the male logo on the top bar or navigation bar looks cool, but you can also limit design options. This tutorial demonstrates how to place a logo across the two menu bars inside the header. The CSS for this tutorial is included in the article and files. Tutorial view 36. Create a simple evaluation slider for the header. Adding a short evaluation to the header is a good way to make the header unique, attract service attention, build trust and reliability. This is particularly effective in shorter evaluation sliders. This tutorial demonstrates how to create a simple evaluation slider for the divi header to display a short evaluation. How to find free divi headers in the elegant theme blog of tutorial view. There are many free divi headers in et blog. Only search for \
