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

Ellen – 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 “Ellen-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

 

 

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
  • Ellen – How to Create an anchor text link in Resources
  • Ellen – How to make an interactive quiz for your Business
  • Ellen – How to Design a Product Page Template
  • Ellen – How to Design a Blog Post Template
  • Ellen – Saving And Loading Sections In Divi
  • Ellen – Saving And Loading Layouts In Divi
4. Ellen - Theme Settings
  • Ellen – How to Import and edit Header
  • Ellen – How to change global colors
  • Ellen – How to Import and edit Footer
  • Ellen – How to configure Contact Form
  • Ellen – How to add Filterable portfolio
  • Ellen – Saving And Loading Layouts In Divi
  • Ellen – Saving And Loading Sections In Divi
  • Ellen – How to Design a Blog Post Template
View All 10  

  Ellen – How to make an interactive quiz for your Business

Ellen – How to Import and edit Footer  

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