Change hero header home and subfooter

Hello there,

> 1

Try doing the below steps to manage the main header height with custom jQuery code.

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($){

  if ( matchMedia( 'only screen and (min-width: 1025px)' ).matches ) {

    var headImg = $('.wp-custom-header img');
    var imgURL = headImg.attr('src');

    if( headImg.length ) {
      $('.wp-custom-header').css({
        'max-height': '260px', // Custom height
        'background-size': 'cover',
        'background-repeat': 'no-repeat',
        'background-position': 'center center',
        'background-image': 'url('+imgURL+')',
        'overflow': 'hidden',
      });
    }

    headImg.css('opacity', 0);

  }

})(jQuery);

4. Update

> 2

Not really sure if it would be easy to accomplish — even with a plugin. Ideally, you should register new sidebar area with register_sidebar() function. To display it in the footer, you’d need to edit the footer.php in a child theme, and use dynamic_sidebar() function. Put the dynamic_sidebar() function right after <?php do_action( 'ignis_footer' ); ?> line. Or you could use ignis_footer hook through child theme’s functions.

Regards,
Kharis

Your quick respons is so nice. Many Thanks !!!

1/ Works great. I can change the height in the code. Good

If I want to hide all the “home hero header area” and built my own, can you help ?

2/ This is too complicated to me like I thought.

This Theme IGNIS is nice and I am surprised that it don’t exist in premium version with most customizations.

Haven a nice day !

Chantal

I precise :

I don’t want help to built my own “home header hero area” with a page builder or other, but just for hiding this one.

Hello there,

To hide main hero element on homepage only, you can add this CSS code to Appearance > Customize > Additional CSS from dashboard.

.home .ignis-hero-area {
  display: none;
}

Regards,
Kharis

Many Thanks for your kindness. Have a nice day !

Chantal