Listing Category: Working with Menus

Add social icons to Divi navigation bar

This is a post by David Tierney written for designs by tierney blog. He discuss about How to add social icons to your navigation bar….

Examples of site made with Divi’s Vertical Navigation

We don’t see a lot of Divi web designs using Divi’s vertical navigation option. Here are some of our favorites to help spark your inspiration…

Add Social Icons to Divi’s Primary Menu

This is a post by Donjete Vuniqi written for elegant themes blog. She discuss about How to Add Social Icons to Divi’s Primary Menu…..

How to Increase the size of Divi Mobile Logo and Mobile Menu Text

This is a post by Robert Hobson written for divi notes blog. He discuss about Increasing The Size Of Your Divi Mobile Logo And Mobile Menu Text. Here’s an excerpt of the article,
“In this tutorial, I’m going to show you how to use a different logo image for your Divi site and also how to change the mobile logo size and increase the letter spacing and font size of the mobile menu text. Switching out the logo and increasing it’s size on smaller…”

Hide and show Divi navigation on scroll

This is a post by Fabrice written for creaweb2b blog. He discuss about Hide and show nav on scroll. Here’s an excerpt of the article,
“This tutorial come once more after a question posted on facebook group Divi Theme Tutorials and relies on headroom.js library. Maybe you didn’t noticed that the nav bar of my website is no more fixed. If you scroll down the nav will hide, and will come back when you…”

Style The Divi Mobile Menu

This is a post by Clark Morton written for Two Blue Toucans blog. He discuss about Styling The Divi Mobile Menu. Here’s an excerpt of the article,
“This post will show how to style the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. We will also show how to ‘fix’ the menu so that it remains visible when the mobile device is scrolled…”

How to Create Fixed Promobar with Divi Builder

“Learn how you can build a promobar yourself with Divi WordPress Theme and just a few lines of javascript….”

Duplicate Elegant Theme’s Primary Menu with Divi

“We’re going to show you how to duplicate Elegant Theme’s primary menu using Divi. To implement the custom style and functionality of the button, we’ll be using a combination of CSS and jQuery….”

Create a Hamburger Icon for Your Divi Mega Menu

“In this tutorial we are going to show you how to use a hamburger icon to toggle a mega menu on click. This is a great solution for those sites with lots of menu options. The hamburger icon keeps the header clutter free. Plus the organized 4 column layout of the mega menu allows users to find what they need quickly and efficiently….”