。 This guide also includes CSS and step-by-step video instructions. View tutorial 8. Transparent sticker head this tutorial will demonstrate how to create a transparent fixed head that changes when the user scrolls. The title includes a top bar, a bottom menu bar with a logo, and an induced click Copy that overlaps the two bars. The menu bar is transparent. When the user scrolls, the top bar will scroll far away, the menu bar will become monochrome and the color will change. CTA is fixed on the menu bar and no longer overlaps. Run on desktop and mobile devices.
Tutorial view 9. If you want a menu different from most of the menus on the rotating global head web, you will like this tutorial. This is one of the most interesting title types. Demonstrates how to create a slim menu that is fixed vertically to the left side of the screen. The menu link will be rotated. The logo overlaps with the title and body content. The background of the title shows the background scrolling to the previous section, but separated by a shadow. The menu is placed horizontally at the top of the mobile device’s screen. This includes CSS. Tutorial view 10. E-commerce Mega menu this tutorial shows how to create a mega menu to highlight woocommerce product and store categories. This is one of the more unique types of Title types. When you remove the mouse, the mega menu opens with multiple columns containing text links and image links. The mobile version displays a text link that contains a switch to the main categories. It also includes CSS and jQuery.
Tutorial view 11. If you want to make an advanced and elegant theme drop-down menu, which is the same as that on the blog, this tutorial is very suitable for you. This is one of the most advanced header types. This tutorial will show you how to create multiple drop-down overlapping menus, including icons, text, and CTAs in various colors, as shown on the ET website. Mobile versions work with switching. As you can imagine, CSS and jQuery included in this tutorial are often used. How to get the title template of the tutorial view androg All tutorials contain JSON files, which can be uploaded to the divi theme builder. If you are interested in other titles of divi, please check out the elegant theme blog. There are many free headers designed to match the free divi layout package. Just search the blog for \
We looked at 11 Title types that can be generated by \
