Header Toggle Icons

How to add icon toggle for the Divi header

The Elegant Themes tutorial (and free Divi layout JSON) will show you how to insert toggle icons into your Divi header menu. The icons can toggle phone number, email, or social share details as the user hovers over the associated icon in the header. By doing this you get a clean design look for your main menu and save valuable screen space.

This Divi layout is available to download on the Elegant Themes website and is accompanied by a step-by-step tutorial that shows you how to create the layout from scratch.

You can download the completed Divi layout template for free on the Elegant Themes blog post “How to Save Space in Your Header Using Toggle Icons with Divi”.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divilayouts.com.