Support » Theme: Ignis » Change hero header home and subfooter

  • Resolved netineti


    Thanks for this nice Theme.

    1/ I would like to have in Homepage the same banner like the other pages, anyway by the least, to reduce the height like the other pages. Is it possible ?

    2/ Is it possible to have a subfooter, maybe with a plugin ?

    Best Wishes

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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

      if ( matchMedia( 'only screen and (min-width: 1025px)' ).matches ) {
        var headImg = $('.wp-custom-header img');
        var imgURL = headImg.attr('src');
        if( headImg.length ) {
            '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);

    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.




    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 !




    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;




    Many Thanks for your kindness. Have a nice day !


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change hero header home and subfooter’ is closed to new replies.