Traditionally, sticky menus are visible at the top (or bottom) of a page the moment the page loads. However, building a sticky CTA menu as the user scrolls down the page can be a creative and effective way to keep those important CTAs clickable at all times. In some...
If you’re looking to set up a website for an Italian restaurant, and you want food pictures to be at the center of your website, you have to check out the Italian Restaurant Layout Pack for Divi. This layout pack lets the food speak for itself. The overall design...
Progress Bar Indicators can add a nice touch to your website, boosting UX with a useful (and fun) interaction. Normally, progress bars stand alone at the top of the page without much connection to the actual content of the page. The user simply has a visual indicator...
Menus are a vital part of any site so it makes sense to spend a little extra time and effort to make sure they display properly. In Divi, we can build custom menus quickly using Divi’s Menu module, which provides many of the style options we need. But it always helps...
When it comes to setting up a global header for your website, there are many ways to approach it. One of the more subtle approaches is a transparent header. Transparent headers are placed on top of your pages’ hero sections, which can lead to beautiful designs that...
Download a global header & footer template that matches the Painter layout pack perfectly.
Create beautiful Divi mobile menus. Improve your website’s user experience by making your Divi mobile menu stand out. Endless Menu Possibilities Divi Mobile plugin allows you to create custom looking, beautiful mobile menus for your Divi site without having to write...
POWER YOUR LINKS UP! “Probably one of the most powerful Divi modules to design new kinds of beautiful menus” Lead visitors with eye-catching items, buttons or popups. Add DiviMenus to your page and boost your content engagement! DiviMenus is not just a menu module,...
When building an eCommerce website using Divi and WooCommerce, there are tons of ways to customize the overall look and feel of your website. Divi’s WooCommerce modules in combination with the Divi Theme Builder allow you to build templates for your product pages,...
When you’re building a custom footer inside Divi’s Theme Builder, there are several ways to approach adding the footer items. You could go for a module-based footer, where you add page footer items inside Text Modules with proper links, but you could also decide to...
The Sushi Restaurant Layout Pack includes beautiful, high-quality and relevant images that’ll help you show your restaurant’s craft and attention to detail. There are also custom icons included that elevate the overall design style. Although this layout pack is...
Large headers with a lot of navigation links can take up a lot of valuable real estate on your site (especially above the fold). That’s why menus that popup and slide-in are becoming more and more popular. Most of the time, menus that slide in to view stay above the...
When creating your global header, chances are high you’re going to include a blog menu item. If you don’t have many blog post categories on your website, going for one blog menu item might be enough. However, if you have a set of different categories and you want to...
When building your website’s header, paying special attention to your visitors’ behavior can help boost clickthrough rates. Not only should your header look good, but it should also help guide visitors to the most important pages on your website. A frequently used...
Vertical navigation menus can come in handy for certain websites that need more menu items at the forefront. Horizontal menus can be difficult to fit all the menu links needed, especially on smaller browser widths. In this tutorial, we are going to show you how to...
Portfolio pages are the perfect excuse to get creative with your web design. In this tutorial, we’ll show you how to put together an eye-catching scrollable portfolio navigation list to spice up any portfolio page. Using Divi’s scroll effects, the menu items come to...
Ever since Divi’s Theme Builder has come out, the way we design headers and footers throughout our websites with Divi has become easier than ever. Everything can be customized and you can obtain the exact menu you have in mind without ever having to leave the...
With the world living on mobile devices, it makes sense to provide clickable contact links on your website that take advantage of the mobile experience. These contact links, like a click-to-call link, can jumpstart a call on your mobile phone in a single click....
Knowing how to add a dynamic site title and tagline to a Divi Global Header will come in handy when building Divi websites. And there are a few good reasons that one would do it. For one, not every site has a logo. A site title is a good logo replacement. Another...
When setting up a website for a client of yourself, you’ll find yourself contemplating what type of header to build. The most used one around the web is the horizontal menu bar at the top, but there are other options as well, such as a slide-in menu. Slide-in menus...
When opting for a fixed header on your website, you’ll automatically find yourself using Divi’s built-in position options. The fixed position option inside Divi allows you to stick any element to a specific location on your page. When using a fixed position, however,...
When you’re building a custom header for your website, using Divi’s theme builder, you’ll find yourself looking for the ideal way to add a CTA. One way you can go about it is by adding a dropdown contact form. This will help you keep the overall look and feel of your...
With Divi’s new position options, turning your header into a fixed one is easier than ever. With just a few clicks, you can turn your static custom-built header into a fixed one that follows your visitors throughout their stay on your website. In this tutorial, we’ll...
Your header is one of the most important parts of your website. It connects your pages, posts and calls to action. It’s also one of the things your visitors automatically go looking for, so they don’t waste any time finding what they’re looking for. If you’re looking...
A while back, we shared a mobile menu hack that helps you create a collapsing nested menu. We know many of you have used it, but with the new Divi Theme Builder, the approach becomes slightly different. In today’s tutorial, we’ll show you how to apply a mobile...
The Ice Cream Shop Layout Pack is a beautiful, trendy and modern layout pack that focuses on elegantly highlighting products throughout your website. The color palette is vibrant, but at the same time balanced by the whitespace and sober font choices. In short; a...
The Donut Shop layout pack is specially prepared for all those donut lovers out there! The design is clean, fun, and delicious! The use of images are spectacular with effective promotional offers throughout. And the services page and menu page are both sweet bonuses...
The Bakery layout pack has all the ingredients a bakery website needs to whet the appetite of any visitor. It has a page to showcase your menu and a shop page to feature your online products. It also has beautiful custom images and sections for highlighting your...
Looking for a layout pack that'll take your food catering website to a higher level? Divi's Food Catering will provide you with all the pages and design elements you would expect from a high-quality layout pack. The biggest assets of this layout pack are, without a...
The Juice Shop layout pack includes eight pages, each with a wonderful combination of vibrant colors and crisp images. The design goes above and beyond the needs of anyone looking to revamp their online juice store, including a shop page, a menu page, a recipes page,...
This eight-page coffee shop layout pack has everything you could possibly expect from a coffee shop website. Primarily; all of the practical information is continuously present on each layout of the website.[dsm_scroll_image...
