• HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
  • HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
home/Knowledge Base/4. Michelle - Theme Settings/Michelle – How to Import and edit Header

Michelle – How to Import and edit Header

Option 1: Header like demo


 

  1. Log in to your WP Admin panel.
  2. Navigate to Divi > Theme Builder.
  3. Import “Michelle-Theme-Builder.json” from “Demo archives” folder if you don´t have it imported.
  4. Edit your Header > Save changes.

 

How to upload your header logo

 

Note – PNG is the best choice because they have a small file size and transparent backgrounds. Inside package I´ve included archive .psd with demo logo that you can edit.

  1. Go to Divi > Theme Options.
  2. Within the Theme Options, under the General > General tab > Logo
  3. Upload your logo header.

 

Go to Divi > Theme Builder > Global Header

 

1. Select your menu

2. Adjust your logo size

How to edit header.

https://www.support.helplovelyconfetti.com/wp-content/uploads/2024/10/Michelle-Header1.webm

 

Option 2: Divi Default Header


  1. If you want use demo header go to Divi > Theme Builder > Delete Header (if you have import it).

2. Now you can use Divi Header Options.

Go to Appearance > Customize > Header & Navigation > Header Format

Here you can adjust your header’s general format, such as switching between the main layouts modes: Default, Centered, Centered Inline Logo, Slide-in, and Fullscreen.

  • Choosing Centered will place your logo above your navigation menu and centered both within the header.
  • Choosing Centered Inline Logo will place the logo in-line with your nav menu elements, centered between the links.
  • You can also enable Vertical Navigation from within this section, which will create a drastically new look for your site, putting the navigation bar on the left of your content

 

Need Further Tutorials?

How to Setup Menus: https://codex.wordpress.org/WordPress_Menu_User_Guide

Divi Builder overiew: https://www.elegantthemes.com/documentation/divi/visual-builder/

 

Related Articles
  • Michelle – How to Create an anchor text link in Resources and Sales Page
  • Michelle – How to Design a Product Page Template
  • Michelle – How to Design a Blog Post Template
  • Michelle – Saving And Loading Sections In Divi
  • Michelle – Saving And Loading Layouts In Divi
  • Michelle – How to add Filterable portfolio
4. Michelle - Theme Settings
  • Michelle – How to Import and edit Header
  • Michelle – How to change global colors
  • Michelle – How to Import and edit Footer
  • Michelle – How to configure Contact Form
  • Michelle – How to add Filterable portfolio
  • Michelle – Saving And Loading Layouts In Divi
  • Michelle – Saving And Loading Sections In Divi
  • Michelle – How to Design a Blog Post Template
View All 9  

  Michelle – Saving And Loading Layouts In Divi

Michelle – How to Import and edit Footer  

  • Privacy Policy
  • Terms of Use
  • Copyright 2023. All Rights Reserved.