How to Clone any Online Store with Divi and WooCommerce: Part 2 – Building the Header

Divi Engine

Welcome to Part 2 of our Tutorial Series that will teach you skills that will enable you to clone pretty much any online store regardless of which platform it was built on.We will be using WooCommerce along with the Divi Theme. Our journey to Clone Any Online Store with Divi and WooCommerce is well on its way with our Homepage built, but now it is time to dive into the Theme Builder and set up our Global Header that will be displayed on all the pages of our Online Store.We’ll even show you a great application of the new Divi Conditional Display Options.LINKSText Tutorial with CODE: https://diviengine.com/clone-any-online-store-tutorial-series-part-2-building-the-header/CHAPTERS00:00 Introduction01:07 Add Global Header Template08:18 Snippet 8: Set Menu Logo Width08:42 Create Header Menus25:25 Snippet 9: Add Icons to Menu Items27:06 Snippet 10: Float Menu Right28:48 Making the Header Sticky29:42 Adding Divi Conditional Display Logic31:48 Conclusion