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

Jane Pro – 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 “JanePro-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/2025/05/JenPro_Header.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
  • Jane Pro – How To Add A Marquee Banner
  • Jane Pro – How to add lovely icons to Blurbs
  • Jane Pro – How to Create an anchor text link in Resources and Sales Page
  • Jane Pro – How to Design a Product Page Template
  • Jane Pro – How to Design a Blog Post Template
  • Jane Pro – Saving And Loading Sections In Divi
4. Jane Pro - Theme Settings
  • Jane Pro – How to Import and edit Header
  • Jane Pro – How to change global colors
  • Jane Pro – How to Import and edit Footer
  • Jane Pro – How to configure Contact Form
  • Jane Pro – How to add Filterable portfolio
  • Jane Pro – Saving And Loading Layouts In Divi
  • Jane Pro – Saving And Loading Sections In Divi
  • Jane Pro – How to Design a Blog Post Template
View All 11  

  Jane Pro – Saving And Loading Layouts In Divi

Jane Pro – How to Import and edit Footer  

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