How do i move extra header widget down

How to move extra header widget down to just before the footer, i really don’t want it below the header slider.

And how do i add another extra header? For the front page as i would like to move these extra widgets the way i want, i can only seem to add more widgets in the main front page via the appearance/widgets tabs, which is not what i want.

Thanks

Hello there,

In order to move the extra header widgets below the header area to before the footer widgets area, you can do the following steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

   'use strict'

   if( $('.header-widgets').length ) { 
   
    var headerWidget = $('.header-widgets').html();

    $('.footer-widgets').prepend('<div class="header-widgets">'+headerWidget+'</div>');

  }

})(jQuery);
   

  1. Update
  2. Then apply the following CSS code into Appearance > Customize > Additional CSS.

.header-widgets {
  height: 0;
  overflow: hidden;
  padding: 0;
}

.footer-widgets {
  padding-top: 0;
}

.footer-widgets .header-widgets {
  height: auto;
  padding: 15px 0;
  margin-bottom: 95px;
}

> And how do i add another extra header?

I am sorry there is no way to do that as Sydney pro only has one extra header. To compose your front page widget some your desired widgets, you can use page builder row which allow you to insert and arrange widgets. Install and activate the Page Builder by SiteOrigin plugin and enable it for page through Settings > Page Builder > General.

Regards,
Kharis