Fullwidth Header Extended

Another excellent product by Ken

Changelog

[version 2.1.5] Updated on 22 Jan 2018

  • Add: Auto Title – Fetch Page/Post Title automatically
  • Add: Auto Excerpt – Fetch Page/Post Excerpt automatically
  • Add: Featured Image as Background Image – Fetch Featured Image from your post/page automatically and set as Background
  • Enhance: Improving JS coding
  • Change: CSS file and JS file

[version 2.1.2] Updated on 02 Jan 2018/strong>

  • Add: Content Width Sizing
  • Fix: TextGIF class css
  • Enhance: Default Divi module setting such as Filters
  • Enhance: Rewrote fancyline for compatibility across FHE, Perky and Slider Animate.
  • Change: CSS file and JS file
  • Change: remove duplicate codes and follow Divi default Fullwidth Header module codes

[version 2.1.1] Updated on 25 Dec 2017

  • Fix: Video z-index when using with Particles Effect
  • Enhance: Wave Effect placement on within the section
  • Change: CSS file and JS file

[version 2.1] Updated on 23 Dec 2017

  • Add: Video URL with ability to show or hide on mobile along with Pro Setting Animation
  • Fix: Search Button Text not showing
  • Enhance: Cleaner Settings UI
  • Change: CSS file and JS file

[version 2.0.6] Updated on 16 Dec 2017

  • Add: Custom Image to Particle Effects with width and height
  • Add: Hover Mode to Particle Effects
  • Add: Ability to use more than one Particle Effects on a Single Page/Post
  • Change: CSS file and JS file

[version 2.0.5] Updated on 28 Nov 2017

  • Add: KensBurn Loop and Hide KensBurn on Mobile
  • Fix: Typing Characters input
  • Fix: CSS Animation

[version 2.0.4] Updated on 19 Oct 2017

  • Enhance: Make it compatible with the latest Divi version 3.0.83 along with heading level settings and new fonts

[version 2.0.3] Updated on 17 Oct 2017

  • Fix: License Page
  • Fix: Typing Loop

[version 2.0.2] Updated on 23 Sept 2017

  • Add: After text color for Typing and Rotator
  • Add: Remove Cursor Option for Typing Effect when not in a loop sequence
  • Improve: Typing Effect optimization on JS file and now play nicely with Title Animation on Pro Settings Tab
  • Improve: Scrolling Fading Effect with Typing Effect – Now the Typing Effect will start together when the animation of the content fade In.

[version 2.0.1] Updated on 19 Sept 2017

  • Fix: Fancy Line height
  • Add: Wave Animation Effect – Able to change color, speed, amplitude and height

Updated on 15 Sept 2017

  • Improve: CSS files for kenburns effect and other CSS improvements
  • Improve: Hide background images on the main Fullwidth Header Extended Section when using KenBurn which causes 2 times of loading of the background images
  • Fix: Popup width now is responsive on mobile or less than 479px width
  • Fix: KenBurn Effect and Section Seperator when using Before Placement that causes conflict. Now KenBurn has it’s on Div and independent
  • Improve: Following the default style of the Divi Page Builder Fullwidth Header categorizing and make it compatible with the latest Divi

Updated on 12 Sept 2017

  • Improve: CSS files
  • Improve: KenBurn animation on IE and Edge
  • Add: Load Module Library such as Contact Form into the Popup (You will need to save that as Module in order to show up on the Popup Settings)

Updated on 10 Sept 2017

  • Fix: z-index issue on Header Image

Updated on 08 Sept 2017

  • Enhance: Rewrote the plugin using starter boilerplate for better plugin framework in the future.
  • Enhance: Updated license system files and rewrote the activation and check method.
  • Add: Animation in and out on Popup Module for Fullwidth Header Extended.
  • Add: Fullscreen Option Popup Module for Fullwidth Header Extended.
  • Add: Border Radius and Header Image and Header Text on Popup.
  • Fix: Particles hovering due to css class et_pb_fullwidth_header_container value of z-index. Now the hovering of Particles working on more areas.
  • Enhance: Animation for Popup due to Divi new Animation on modules.

Updated on 28 Aug 2017

  • Fix: Interactive Effect affecting other Fullwidth Header Extended when not using
  • Fix: Slicey with Interactive Effect affecting other Fullwidth Header Extended when not using
  • Add: After Text on Typing Effect and Rotator Effect. Adding a static text after Typing Effect and Rotator Effect is now possible.

Updated on 01 July 2017

  • Fix: KenBurns and Interactive Effect duplicated background on mobile
  • Remove: Console.log output on textillate effect

Updated on 23 June 2017

  • Add: Logo Width Responsive Option
  • Add: Loop, Type and Timing Option for Textillate Effect
  • Remove: Logo css block style
  • Cleanup: CSS file and 100+ lines of PHP codes
  • Enhance: Content Popup Layout with new Divi Background UI
  • Add: Overlay Color
  • Enhance: Form on Content Popup

Updated on 01 June 2017

  • Fix: Make it compatible with Divi version 3.0.48 onwards
  • Added: Custom KenBurns Effect Speed Option
  • Added: New option under Slicey Effect – Layer Illusion
  • Added: Particles Link Color and Particles Direction Option

Updated on 26 May 2017

  • Improve: Few improvements to the Slicey Effect by removing blur on the element which caused a little performance issues.
  • Change: Slicey Blurry Effec to Slicey Effect
  • Improve: Scrolling Fading Effect + Slicey Effect + Interactive Background Effect all compatible. (Turning on Slicey and Interactive Effect will no longer move the background image on mouse move, but it will move those slicey boxes instead)

Updated on 25 May 2017

  • Fix: Content Popup Button position when clicked
  • Added: Wider Mobile Space Option (Divi set a width of 80% by default and that can be an issue if you have many text on the content area, that is why we have this option now. You can have a wider width space on mobile.)
  • Added: Slicey Burry Effect – This will replicate boxes from the background URL you provided with the same background image and make these boxes move in perspective towards the viewer. This will spice up and add some jazz to background image. Note: This might not work with older browsers. (Inspired by Filippo Bello’s Portfolio)

Updated on 22 May 2017

  • Improve: Remove duplicated CSS classes
  • Fix: Scroll down icon not showing on the page builder icon section
  • Added: Interactive Background Effect – This will move your background image on mouse move

Updated on 18 May 2017

  • Improve: CSS clean up and tidy up
  • Improve: Re-adjust placement features to match current Divi Page Builder Style
  • Added: Hide Scroll Icon, Particle effects and Moving Particles on mobile
  • Added: Custom Responsive Height when not using Fullscreen Mode

Updated on 05 May 2017

  • Fix: Button links when not using Popup
  • Improve: CSS File on KenBurns Effect Responsiveness and remove css.map files. Overall clean up and tidy up
  • Added: Padding and Margin Responsiveness on Advanced Design Settings. You can now set adjust padding on Fullwidth Header Extended!

Updated on 06 April 2017

  • Fix: Typing Effect not accepting &
  • Remove: Any existing text and description on Builder which no longer being used
  • Added: Shuffle Effect on Title (NEW)

Updated on 24 March 2017

  • Fix: Logo animation
  • Improve and Clean: CSS

Updated on 23 March 2017

  • Fix: Javascript error when not using any content on InfoWindow. Multiple pins is now showing without content too.

Updated on 21 March 2017

  • Fix: Fancyline Margin default CSS for Divi Builder Plugin
  • Improve: Preload Text for Text Rotator – Huge huge improvements
  • Add: Admin CSS for Popup Module

Updated on 16 March 2017

  • Fix: Fancyline Margin default CSS
  • Improve: Scrolling Fading with Fancyline

Updated on 15 March 2017

  • Fix: custom scroll echo

Updated on 14 March 2017

  • Fix: Maximum call stack size exceeded error(Because there are too many fields and input in the page builder) Only on Windows Chrome version
  • Add: A new Popup Module in Fullwidth Header Section which able to input shortcode now. All Popup styling will be removed from FHE module
  • Remove: Overlay Popup Color

Updated on 13 March 2017

  • Fix: License Key Notification dismissal
  • Add: Section Separator(Triangles, Half Circle, Multi Triangles, Diagonal)
  • Add: Text Gradient for Title, Sub Heading, Content
  • Add: Particles option (Number of Particles, Particle Size, Shape of the Particles(Circle, Triangle,Edge, Polygon, Star), Particle Line Linked Width, Particle Movement Speed, Particle Color)
  • Enhance: Admin Font Size on Module Tab

Updated on 03 March 2017

  • Fix: et_pb_get_responsive_status() error
  • Improve and fix: Ken Burns Effect (Note: If you are using left, right on Zoom In or Zoom out, Zoom in and Zoom out will be used Mobile devices)
  • Remove: Licensing Option page on Divi Menu
  • Add: Licensing Option page to WordPress Settings Sub Menu

Updated on 02 March 2017

  • Add: More Ken Burns Effect (Zoom In, Zoom In Left, Zoom In Right, Zoomout, Zoomout Left, Zoomout Right)

Updated on 01 March 2017

  • Add: Hover Button Animation (2D Transitions and Speech Bubbles) and compatible with AIO module

Updated on 28 Feb 2017

  • Remove: Button #2 on Popup due to uncaught rangeerror maximum call stack exceeded on Windows Chrome Browser only which caused module not opening
  • Add: Remove shadow on popup container option
  • Add: last_edited on responsive php – Following the default fullwidth header

Updated on 24 Feb 2017

  • Fix: License Option Page compatibility for Divi Theme, Extra Theme and Divi Builder
  • Improve: The activation and status for license key and page

Updated on 22 Feb 2017

  • Fix: function ‘dwd_fhe_license_notice’ not found or invalid function name

Updated on 21 Feb 2017

  • Add: Make it compatible with AIO on Scolling Fading Effect

Updated on 17 Feb 2017

  • Fix: KensBurn Effect scale to 1 before zooming
  • Change: Header Image animation option to Pro Settings Tab
  • Add: Popup Background Color, Popup Background Overlay Color, Popup Close Icon Color and Popup Max Width for Content Popup
  • Improve & Change: CSS

Updated on 16 Feb 2017

  • Fixed: Logo animation when not in use
  • Change: Logo animation option to Pro Settings Tab
  • Enhancement: Scrolling Fading now include logo image and header image
  • Add: Image Vertical Alignment and Text Vertical Alignment now have new option: Top
  • Improve: CSS

Updated on 10 Feb 2017

  • Enhancement: Licensing system to make compatibility with AIO and Map module.

Updated on 07 Feb 2017

  • Fix: Licensing system code

Updated on 03 Feb 2017

  • Add: Scrolling Fading Effect
  • Add: Automatic updates with License keys
  • Add: Divi Extended on WordPress Sidebar Menu for future plans

Updated on 01 Feb 2017

  • Fix: Conflict and PHP error with Yoast
  • Fix: Undefine var

Updated on 26 Jan 2017

  • Fix: Background Image (without any effect) responsive on mobile and tablet which is also Divi default css

Updated on 20 Jan 2017

  • Fix: Background Image (without any effect)

Updated on 20 Jan 2017 * All settings in Advanced Design Settings will be related to fonts, font-size, line-height, colors, background color, borders, buttons.

  • Change: Shifted animations settings to Pro Setting Tabs.
  • Fix: Moving Particles conflict with overlay and overlay gradient.
  • Fix: Button animations will animate when not used.
  • Fix: Button One Animation is from Button Two instead of Button One
  • Fix: Button Styling Conflict with Popup Button Styling
  • Fix: Animated Gradient Background conflict when you use Background Image on the FHE Module instead of the Section Background Image.
  • Add: Text Align on Popup (Left, Center, Right, Justified)
  • Add: Typing Underline Border adjustment (default is 4px)
  • Improve: Whole Animation Toggling (When enabled, other animation such as title, subheading will be hidden)
  • Improve: Coding and follow Divi style of coding.
  • Improve: CSS

Updated on 19 Jan 2017

  • Fix: Parse error: syntax error, unexpected

Updated on 18 Jan 2017

  • Improve: Typing effect on preloading
  • Change: Delayspeed and typing speed value
  • Change: Particles Effect value in the JS
  • Remove: Video popup script and make use of Divi enqueue script which is “Magnific Popup”
  • Add: Underline and Background on Typing Effect
  • Add: Content popup with Advanced Styling(Title, Content, Background Image and Buttons)
  • Add: Moving Particles – The particles will follow your mouse cursor as you move
  • Add: Ken Burns effect – Apply Ken Burns effect to the background image
  • Add: New Tab called “Pro Settings”

Updated on 30 Dec 2016

  • Fixed: et_fb_is_retrieving_builder_data error which causes http 500 error and blank pages

Updated on 19 Dec 2016

  • Changed: Text Max Width to Container Max Width
  • Added: Architects Daughter, Cabin, Oxygen, Nunito Sans, Josefin Sans Google Fonts can be used all across modules – More to come
  • Fixed: Animation on Button #1 – css class issue

Updated on 14 Dec 2016

  • Added: Make Button Fullwidth on Mobile
  • Added: Custom URL link with new window option for Header Image
  • Fixed: Animation reveal Header Image

Updated on 12 Dec 2016

  • Added: Shortcode can now be displayed on content
  • Fixed: PHP error where $logo_image_url was accidentally deleted on previous version

Updated on 1 Dec 2016

  • Fixed: Custom CSS Tab Header Image correct img link
  • Fixed: Header Image and animation

Updated on 30 Nov 2016

  • Fixed: Custom Style Icon not showing up

Updated on 18 Nov 2016

  • Added: URL open on new window option on Button One and Button Two

Updated on 14 Nov 2016

  • Fixed: Conflict with AIO module where Fullwidth Header Extended is not showing up when used together

Updated on 3 Nov 2016

  • Fixed: CSS conflict where particles and gradient used together.

Updated on 24 Oct 2016

  • Fixed: Scroll Icon beneathe when using Fullscreen
  • Added: Hide Fullwidth Header Extended module on Visual Builder – No more duplicate content
  • Improved Coding and Clean Up

Updated on 3 Oct 2016

  • Added: Video Popup on Button One, Button Two or both
  • Fixed: Undefined variable on search_max_width_on_off
  • Improved Coding and Clean Up

Updated on 25 Sept 2016

  • Added: Search Type – Posts/Pages or WooCommerce
  • Added: Hide search button text, hide icon, placement of the button(Left or Right)
  • Added: Custom CSS for Search Icon
  • Added: A Fullwidth Text Extender Module for FREE
  • Improved Coding and Clean Up

Updated on 22 Sept 2016

  • Fixed: Scroll Down default size
  • Added: Fancy Line Before or After Title
  • Added: Search Input – You can now have search input on header
  • Added: Custom CSS for Typing, Rotator, Input Field, Search Button
  • Improved Coding and Clean Up

Updated on 18 Sept 2016

  • Fixed section ID issue
  • Fixed gradient whereby color code are hard coded in php
  • Fixed typing delay default value
  • Added new option: New line for both typing and rotator text effect when using Static + Effect.
  • Added new option: Typing Loop. You are able to enable or disable typing effect looping.
  • Added new effect: TextGIF – You can use this TextGIF effect to make your text like a hole in the page by using gif images.
  • Improved Coding and Clean Up

Updated on 24 Aug 2016

  • Fixes Logo alignment when center or left selected along with text
  • Hidden Textillate option when not active
  • Improved Coding and Clean Up

Updated on 3 Aug 2016

  • Fixed Default Font Size on Title, Sub Heading and Content on Tablet and Mobile Value
  • Fixed Gradient Background with Particles On (z-index issue)
  • Added Line height and Letter spacing on Title, Sub Heading and Content
  • Added New Title Effect(Textillate Effect) with In and Out Animation
  • Added Speed adjustment on Animated Gradient Background
  • Improved Coding and Clean Up

Updated on 22 July 2016

  • Fixed PHP Error logo_image__animation_on_off

Updated on 12 July 2016

  • Fixed Firefox Scroll down custom image

Updated on 12 July 2016

  • Clean up css and php codes
  • Added Background Gradient (Left to Right →, Top to Bottom , Radial ○, Diagonal ↘, Diagonal ↗
  • Added custom image/icon for scroll down icon
  • Added more animations (Up to 49 to choose now)
  • Change text input for animation speed to range slider(Slide it)
  • Added typing/rotator font color
  • Added typing cursor color
  • Added Delay Time Before Backspacing(Typing Effect)
  • Added Time before typing starts(Typing Effect)

Updated on 1 July 2016

  • Fixed center logo issue
  • Fixed php conditional
  • Clean up codes

Updated on 27 June 2016

  • Added static + typing effect on title
  • Added static + rotator effect on title
  • Fixed php condition for inputs

Updated on 24 June 2016

  • Clean up CSS and enqueue scripts

Updated on 21st June 2016

  • Added logo-image, background-image animation
  • Fixed the animation to load on delay speed
  • Fixed the animation speed without delay bug

Updated on 20 june 2016

  • Added title animation effect
  • Added subheading animation effect
  • Added content animation effect
  • Added button animation effect

More than 4000 customers and counting from around the world rely on Divi Fullwidth Header Extended. Featured on Element Themes blog topic on 10 Awesome Third-Party Divi Plugins. One of the must have for Divi sites.

Impress your visitors with a whole new experience! The Divi Fullwidth Header Extended module provides a comprehensive suite of header customizations that helps you easily create dynamic text effects, image effects, background animations and more.

Divi Fullwidth Header Extended module brings you 5 title text effects to play around with. You can choose to have purely typing, rotator, textillate, TextGIF, shuffle effect or some static text in front while typing/rotator effect following after it at the same time.

Use a Fancy Line to bring attention to your title. Toggle the line on top or bottom of the title, change the color and alignment, have fun and see what works best for you. You can also easily add a sub-header and toggle it to be above or below the header title.

Divi Fullwidth Header Extended module also provides you the capability to animate your background with the latest particles effect, background gradient or an animated gradient effect. It’s up to your creativity.

Want a search input right on the header or even a video popup? We’ve taken care of that.

Custom scroll down icon/image? We’ve taken care of that.

Last but not least, Divi Fullwidth Header Extended module is packed with a total of 49 animations which you can apply to the entire content or set individually on title, subheading, content, buttons and scroll down icon!

We’ve done the hard part. So now, as the saying goes, it’s up to your creativity. Enjoy the Divi Fullwidth Header Extended module!

FREE: Added a free Fullwidth Text Extended module!

5 Title effects:
You can choose to have purely typing, rotator, textillate, TextGIF or shuffle effect or some static text in front while typing/rotator effect following after it at the same time.

Typing Effect

  • You can define the speed of the typing speed
  • Delay the time of effect
  • Delay the time before backspacing
  • Enable/Disable looping effect
  • Change the color of typing font
  • Change the color of the backspace

Rotator Effect(Lots of Animation)

  • You can define the speed of the rotator speed
  • Change the color of rotator font

Textillate Effect

  • Many Animation for In and Out Animation Effects
  • 4 Types of animation type (Sequence, Reverse, Sync and Shuffle) for In and Out Effect

TextGIF Effect

  • TextGIF effect to make your text like a hole in the page by using gif images
  • Add image background effect

Shuffle Effect

  • Shuffle effect add shuffle effect to title, by flipping each letter of your text with sequential characters

Fancy Line on Title

  • You can select to choose before or after the title
  • Text alignment and line alignment
  • Line spacing on the top and bottom
  • Set line color

Search Input

  • Custom Styles for Search Input
  • Choose search type: Default Posts/Pages or WooCommerce

7 Background Effects:

  • Particles Background Effect – Options such as (Number of Particles, Particle Size, Shape of the Particles(Circle, Triangle,Edge, Polygon, Star), Particle Line Linked Width, Particle Movement Speed, Particle Color)
  • Moving Particles Background Effect – The particles will follow your mouse cursor as you move
  • 5 types of background gradient (Left to Right → – Top to Bottom ↓ – Radial ○ – Diagonal ↘ – Diagonal ↗)
  • Animated Gradient Background Effect(Solid or Transparent)
  • Ken Burns Background Effect – Apply Ken Burns effect to the background image with option such as (Zoom In, Zoom In Left, Zoom In Right, Zoomout, Zoomout Left, Zoomout Right)
  • Interactive Background Effect – This will move your background image on mouse move.
  • Wave Animation Effect – Able to change color, speed, amplitude and height.

Slicey Effect

  • This will replicate boxes from the background URL you provided with the same background image and make these boxes move in perspective towards the viewer. This will spice up and add some jazz to background image. Note: This might not work with older browsers. (Inspired by Filippo Bello’s Portfolio)

Subheading before or after title

  • You can set subheading to be before or after the title. More flexible now.

Custom image/icon for scroll down icon

49 Animations to choose from:

  • Set animation on the whole section
  • Set animation/delay effect on title, sub heading, image, content, buttons and scroll down buttons

Video Popup:

  • Video links will be taken from button one or button two input
  • On click popup on button one, button two or both

Content Popup:

  • Header Background and Header Text, Show Title, Content, Background image or buttons with Advanced Styling
  • On click popup on button one, button two or both
  • Fullscreen Popup
  • Header Background Image and Header Title
  • Trigger Animation In and Out of the Popup

Text Gradient:

  • Apply Gradient to Title, Sub Heading and Content

Basic Separator:

  • Separator Type(Triangles, Half Circle, Multi Triangles, Diagonal)
  • Advanced Settings such as color, before or after section

Wider Mobile Space Option

  • You can a wider width space on mobile. Very useful if you have many text on the content area or long button text. This will adjust the width to 95%.

Video URL

  • If you add a video URL, it will appear to the right of your content.
  • Video On Mobile – As the size of the screen gets smaller on mobile devices, screen real estate becomes more precious. Sometimes it’s a good idea to disable some less important header elements to reduce the size of the header and make it more readable. Enabling this setting will show videos on mobile (they are disabled by default).

Auto Fetch Content

  • Auto Title – Fetch Page/Post Title automatically
  • Auto Excerpt – Fetch Page/Post Excerpt automatically
  • Featured Image as Background Image – Fetch Featured Image from your post/page automatically and set as Background

Version: 2.1.5 Updated: 22 Jan, 2018

Plugin Documentation

Licensing

* License

Our themes and modules includes the plugin files, 1 year of online support and access to plugin updates. You can use them on unlimited sites(your own and clients) even after support period. You can renew your license(s) after one year to continue to receive online support and plugin updates. You are not allowed to resell this or include this in your commercial product. In other words, you cannot sell child themes with this module. If you wish to do so, please contact us.

Note: Extract the download file and install the plugin from within that folder.

All 3rd party modules are fully functional in Page Builder. Custom modules are viewable and can be manipulated in Visual Builder but cannot be added or edited. This is a constraint placed on third party modules in Divi 3. We will have to wait and see what’s the next update for Divi

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

* License

Our themes and modules includes the plugin files, 1 year of online support and access to plugin updates. You can use them on unlimited sites(your own and clients) even after support period. You can renew your license(s) after one year to continue to receive online support and plugin updates. You are not allowed to resell this or include this in your commercial product. In other words, you cannot sell child themes with this module. If you wish to do so, please contact us.

Note: Extract the download file and install the plugin from within that folder.

All 3rd party modules are fully functional in Page Builder. Custom modules are viewable and can be manipulated in Visual Builder but cannot be added or edited. This is a constraint placed on third party modules in Divi 3. We will have to wait and see what’s the next update for Divi

More than 4000 customers and counting from around the world rely on Divi Fullwidth Header Extended. Featured on Element Themes blog topic on 10 Awesome Third-Party Divi Plugins. One of the must have for Divi sites.

Impress your visitors with a whole new experience! The Divi Fullwidth Header Extended module provides a comprehensive suite of header customizations that helps you easily create dynamic text effects, image effects, background animations and more.

Divi Fullwidth Header Extended module brings you 5 title text effects to play around with. You can choose to have purely typing, rotator, textillate, TextGIF, shuffle effect or some static text in front while typing/rotator effect following after it at the same time.

Use a Fancy Line to bring attention to your title. Toggle the line on top or bottom of the title, change the color and alignment, have fun and see what works best for you. You can also easily add a sub-header and toggle it to be above or below the header title.

Divi Fullwidth Header Extended module also provides you the capability to animate your background with the latest particles effect, background gradient or an animated gradient effect. It’s up to your creativity.

Want a search input right on the header or even a video popup? We’ve taken care of that.

Custom scroll down icon/image? We’ve taken care of that.

Last but not least, Divi Fullwidth Header Extended module is packed with a total of 49 animations which you can apply to the entire content or set individually on title, subheading, content, buttons and scroll down icon!

We’ve done the hard part. So now, as the saying goes, it’s up to your creativity. Enjoy the Divi Fullwidth Header Extended module!

FREE: Added a free Fullwidth Text Extended module!

5 Title effects:
You can choose to have purely typing, rotator, textillate, TextGIF or shuffle effect or some static text in front while typing/rotator effect following after it at the same time.

Typing Effect

  • You can define the speed of the typing speed
  • Delay the time of effect
  • Delay the time before backspacing
  • Enable/Disable looping effect
  • Change the color of typing font
  • Change the color of the backspace

Rotator Effect(Lots of Animation)

  • You can define the speed of the rotator speed
  • Change the color of rotator font

Textillate Effect

  • Many Animation for In and Out Animation Effects
  • 4 Types of animation type (Sequence, Reverse, Sync and Shuffle) for In and Out Effect

TextGIF Effect

  • TextGIF effect to make your text like a hole in the page by using gif images
  • Add image background effect

Shuffle Effect

  • Shuffle effect add shuffle effect to title, by flipping each letter of your text with sequential characters

Fancy Line on Title

  • You can select to choose before or after the title
  • Text alignment and line alignment
  • Line spacing on the top and bottom
  • Set line color

Search Input

  • Custom Styles for Search Input
  • Choose search type: Default Posts/Pages or WooCommerce

7 Background Effects:

  • Particles Background Effect – Options such as (Number of Particles, Particle Size, Shape of the Particles(Circle, Triangle,Edge, Polygon, Star), Particle Line Linked Width, Particle Movement Speed, Particle Color)
  • Moving Particles Background Effect – The particles will follow your mouse cursor as you move
  • 5 types of background gradient (Left to Right → – Top to Bottom ↓ – Radial ○ – Diagonal ↘ – Diagonal ↗)
  • Animated Gradient Background Effect(Solid or Transparent)
  • Ken Burns Background Effect – Apply Ken Burns effect to the background image with option such as (Zoom In, Zoom In Left, Zoom In Right, Zoomout, Zoomout Left, Zoomout Right)
  • Interactive Background Effect – This will move your background image on mouse move.
  • Wave Animation Effect – Able to change color, speed, amplitude and height.

Slicey Effect

  • This will replicate boxes from the background URL you provided with the same background image and make these boxes move in perspective towards the viewer. This will spice up and add some jazz to background image. Note: This might not work with older browsers. (Inspired by Filippo Bello’s Portfolio)

Subheading before or after title

  • You can set subheading to be before or after the title. More flexible now.

Custom image/icon for scroll down icon

49 Animations to choose from:

  • Set animation on the whole section
  • Set animation/delay effect on title, sub heading, image, content, buttons and scroll down buttons

Video Popup:

  • Video links will be taken from button one or button two input
  • On click popup on button one, button two or both

Content Popup:

  • Header Background and Header Text, Show Title, Content, Background image or buttons with Advanced Styling
  • On click popup on button one, button two or both
  • Fullscreen Popup
  • Header Background Image and Header Title
  • Trigger Animation In and Out of the Popup

Text Gradient:

  • Apply Gradient to Title, Sub Heading and Content

Basic Separator:

  • Separator Type(Triangles, Half Circle, Multi Triangles, Diagonal)
  • Advanced Settings such as color, before or after section

Wider Mobile Space Option

  • You can a wider width space on mobile. Very useful if you have many text on the content area or long button text. This will adjust the width to 95%.

Video URL

  • If you add a video URL, it will appear to the right of your content.
  • Video On Mobile – As the size of the screen gets smaller on mobile devices, screen real estate becomes more precious. Sometimes it’s a good idea to disable some less important header elements to reduce the size of the header and make it more readable. Enabling this setting will show videos on mobile (they are disabled by default).

Auto Fetch Content

  • Auto Title – Fetch Page/Post Title automatically
  • Auto Excerpt – Fetch Page/Post Excerpt automatically
  • Featured Image as Background Image – Fetch Featured Image from your post/page automatically and set as Background

Version: 2.1.5 Updated: 22 Jan, 2018

Plugin Documentation

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

60 Comments

  1. Terence

    This plugin was way ahead of its time.

    Perhaps not easy to do, but is there any chance it will be updated to to meet the new Divi plugin design/layout?

  2. Manoj Chaudhary

    Form the day I buy FHE, does not receive any update.
    Today I check my FHE version is 2.0.4 and notice that there is 2.0.6 version available.
    I’m not able to update my FHE. What do I know?

    • Andrew Palmer

      Sorry for your troubles. We are working with the vendor to ascertain the issues. IN the meantime, you can manually download the item form your account here and reinstall.

  3. Jaap de Wit

    Hi, it seems the extension is not working correctly on IE11. Vertical alignment is not working. All content is being placed in top. Can this be fixed?

    Cheers,
    Jaap

    • diviwebdesign

      Hi there, Can you send us a ticket at diviwebdesign.com/support/ also can I know if the default fullwidth header is also having this issue?

  4. Juanpi

    Hello, Ken.

    I’m sorry to insist on the above, but I’ve upgraded to the version of Divi 3.0.50 and the module still does not work. I can not edit anything I did previously. Please Ken, could you help me?

    Thank you very much.

    • diviwebdesign

      Hello,

      Can you make sure that all cache are cleared? (Cache plugin if any as well as browser cache) also make sure that Fullwidth Header Extended is version 1.9.7

      We have thousand of customers updated the divi latest version and FHE without issue. If the problem still persists, shoot me an email at hello @ diviwebdesign.com along with your site URL.

      • Juanpi

        Ken, I’ve already found the problem.

        I have 2 plugins that cause the problem.

        1.- (SB Slick Slider / Carousel Module) in version 2.3
        2.- (Advanced Custom Fields Module) in its version 2.7

        When you activate any of them, the modules of your plugin can not be edited.

        Who do I have to go to for this to be resolved?

        Thank you very much.

  5. Juanpi

    The last version used (1.9.4) does not allow me to edit the module and remains loading forever and I can not do anything.

    The system used is WP – 4.7.5, PHP – 7.0.15 – MySQL – 5.6.35.

    Could you help me with this problem? Thank you very much.

    • Ken

      Alot of codes has changed on this latest Divi update. We will be releasing a new update soon to make sure that the codes are similar. Stay tuned.

      • Juanpi

        Ken.

        I have the half-finished job and I need to finish it as soon as possible. Do you know when you will have a solution to the problem ?.

        Thank you very much Ken.

    • Andrew Palmer

      1.9.7 is now released to fix these issues – please login to your account or update via your dashboard.

      • Juanpi

        Mr. Andrew Palmer and Ken:

        I made the update to the last published version (1.9.7) and the modules that were already created with the plugin, still can not be edited in the Back-end. I have tried creating a new module and although the tabs and options are not where they should, it seems to work, but when I try to edit that module to make any changes, it does not allow editing and the circular loading icon appears, but it does not finish opening. Tested in 2 different facilities.

        The version of Divi installed is 3.0.49.

        I hope you can review it please.

        Thank you very much for your attention and prompt response.

      • diviwebdesign

        Also make sure that Divi is at least 3.0.48 onwards. ET made alot of changes to the code. Thanks.

  6. Tim Fleming

    When will the demo be working? Bad gateway 502 error!

    • diviwebdesign

      It’s fixed. Last week server was acting funny.

  7. Andy

    Is there a way to disable the ‘Moving Particles’ and ‘Scroll Down Icon’ on mobile only? Thanks

    • diviwebdesign

      Hello Andy, The new version will be out which will include hiding these 2 and particle effects on mobile only.

    • diviwebdesign

      Hello Andy, The new version will be out which will include hiding these 2 and particle effects on mobile only.

    • diviwebdesign

      Hello Andy, The new version will be out which will include hiding these 2 and particle effects on mobile only.

    • diviwebdesign

      Hello Andy, The new version will be out which will include hiding these 2 and particle effects on mobile only.

  8. Tracy Love

    Everywhere else I’ve seen to purchase this product says that the download includes the documentation. It doesn’t say that here on your site (I didn’t notice until after purchasing it), nor did it include the documentation with the download. Where can I find the documentation?

  9. Nikoletta

    Hi,

    Is there anyway to slow down or control the animation speed on the Textillate effect? I can’t seem to find any settings anywhere.

    Some of the flashing etc. animations are quite fast and makes it hard to read.

    Cheers
    Nikoletta

  10. Maksym

    Hello,
    Thanks for the plugin, really like it!
    I have a question: is there a way to change the height of the section? There is just one option “full width”. If I disable that it’s going to change to 270px. I tried in CSS change height to 600px, but it only adds empty white space above and below.

    Thanks in advance!

    • Ken

      Do you have a URL for me to take a look?

  11. Jaap

    Hi, just installed the latest version but there’s no option to fill in the license key. The menu item divi –> divi extended is not there. How to solve this?

    • diviwebdesign

      Hi Jaap, We will look into the option page.

    • Ken

      This is fixed. Will need to redownload.

      • Jaap

        Hi Ken, I’ve updated to the last version but the option is still not in the Divi menu.

        • Jaap

          Ah you moved it to the settings section, my fault….

  12. goulois

    Hi,
    I search to know how to change the font size of titles, texts …
    I would also like to know how change the internal margin.
    Cheers
    Sophie

    • diviwebdesign

      Hello Sophie,

      You can change the font size etc on Advanced Design Settings. For internal margin, you will have to use custom css tab to achieve that. Be sure to update to the latest Fullwidth Header Extended because we have auto update now.

  13. Jaap

    Hi,

    Since the last version the editor has a new tab called ‘pro settings’. This causes the last tab to collapse to a 2nd row. Therefore the 1st option below the tabs isn’t 100% visible. See screenshot: http://i67.tinypic.com/20ihudz.png

    Cheers,
    Jaap

    • diviwebdesign

      I think this is due to long text translated. Hmm maybe we should tweak the font-size there to be smaller?

  14. Jaap

    Hi,

    I see there’s an option added to trigger a popup. Is it possible to insert a divi layout to popop? I’ve tried to insert a Ninja form in the popup but it doesn’t accept the shortcode….

    Cheers,
    Jaap

    • diviwebdesign

      Hello Jaap, currently it does not accept shortcode for popup. I will implement that soon 🙂

  15. Rafael

    I love the particle effect in this plugin, but need it to function as a FW slider with multiple slides. Is that possible? It currently seems limited to one FW header image. My other workaround was trying to use the AC Shortcode plugin and inject the FW Headers into the Divi Slider, but it’s not filling out the slider width and height. Please advise. Thanks.

    • diviwebdesign

      It won’t work with slider. Those are different totally. Maybe could have a slider version of this ? 😀

  16. Karsten Hede

    Hey there, thanks for a cool product Fullwidth Header Extended plugin 🙂
    My question is how to make the background image responsive? So it scales the image and retains image proportions.

    If you see the first section on your own demo: http://demo.diviwebdesign.com/fullwidth-header-extended-demo-1-json/
    it doesn’t – but the other sections as you scroll down seem’s to be responsive background images?

    Hope you understand my question 🙂

    Rock on’
    Hede

    • diviwebdesign

      We haven do anything to the background images. If the normal full width header module works that way, ours will too. Open to suggestions. Make sure your images are big enough too..

  17. Jaap

    Hi,

    How can I set a button to open in a new tab?

    Cheers,
    Jaap

    • diviwebdesign

      Hi Jaap,

      If you look at the button one and button two area, there this option, Url Opens (Button One): or Url Opens (Button Two): which allows you to do that.

      • Jaap

        Thanks, probably had something in my eyes…. 🙂

  18. Christine Sigel

    Since my last Divi update, I get an error message when I try to update a page, post or media. When I deactivate this plug-in the site works fine.

    • Andrew Palmer

      The product has been updated, please visit your account too download the latest version.

  19. Russell Makruski

    How can I change which colors the “Animated Gradient Effect” is using? I have it set as transparent, and it’s working, but I can’t seem to find if/where I can change these colors.

    • Ken

      Russell,

      Unfortunately you can’t set custom color yet. We will try to improve the module. More effects and features are coming to Fullwidth Header Extended.

      • Russell Makruski

        Cool! Thanks for the reply!

  20. Leonardo

    Can I use an image as background and another image as a slide “layer”?

  21. Phil

    Could a slider be added for the background image ?

  22. James Trigger

    How can I use the particle effect as a background for standard sections? – I’ve tried using ID particles-js but no luck!

  23. Jaap

    Hi, I think there’s a bug in the plugin. I experienced on 2 different sites when editing a page with the module active on that page the data of the extended header module sometimes gets pasted in the content section of the module resulting in double data on the front-end. Both times only text modules on that page were edited.

    Cheers,
    Jaap

    • diviwebdesign

      HI Jaap,

      Try updating to the latest version. And we noticed that when this is being used on Visual Builder. We disable this on the Visual builder for now until Elegant Themes release the developer edition on 3.1

  24. Jaap

    Hi, since the last update the particles effect is no longer working. Can this be fixed? Cheers, Jaap

    • Jaap

      Never mind, caching issue. In the previous version there was a problem combining gradient and particles effect, this seems to be solved. Thanks!

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items. Please be aware that you will need an amount of experience in WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. We do not offer refunds under any circumstances. If you feel that there is an issue with a product please get in touch with the developer of the product through their contact details which can be found within the plugins Dashboard, themes and documents we sell on their behalf. Rudeness to our developers or support staff will not be tolerated and support may be refused. By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - we send out around two emails a week to keep you informed of product updates, WordPress News and Developer advice. You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email. (Amended. February 6th 2018)

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest