Cafe Pro: Featured header image same height?

[Elan]

Hello! I'm customizing the Cafe Pro theme at the moment and got stuck trying to change the height of the main header image ("Featured Section header Image") on the home page.

The header image is much taller on the homepage than on other content pages. Is there a way I can have my main header image show up shorter on the front page as well? I'd like to keep that main header the same (shorter) height on every page, including the home page. I hope there's an easy way that I'm just overlooking.

I'll be happy to provide a link if you need it, but you can also see the height difference by comparing the home page of the demo to the "Farm to Table Dinner" page of the demo.

Thank you so much for any help you can provide!

[ᴅᴀᴠɪᴅ]

The height of that section is controlled by javascript as it has to work out the height of the screen size first, then apply the css.

So to change it, you need to stop the file home.js enqueuing on the front page.

Easiest way is to edit the file front-page.php and delete these lines of code (lines 17-25)

if ( is_active_sidebar( 'front-page-1' ) || is_active_sidebar( 'front-page-2' ) || is_active_sidebar( 'front-page-3' ) || is_active_sidebar( 'front-page-4' ) ) {

		//* Enqueue home script
		add_action( 'wp_enqueue_scripts', 'cafe_enqueue_cafe_script' );
		function cafe_enqueue_cafe_script() {

			wp_enqueue_script( 'home-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );

		}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Elan]

Thank you very much! When I deleted the code you shared, the whole front page went blank. I ended up just deleting this portion:

//* Enqueue home script
		add_action( 'wp_enqueue_scripts', 'cafe_enqueue_cafe_script' );
		function cafe_enqueue_cafe_script() {

			wp_enqueue_script( 'home-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );

		}

And it seemed to do the trick!

[Dan B]

Excellent, that worked for me too! Thanks...

Do we still need to keep the home.js file?

---

Dan @ ZindaMedia
Marketing, Fundraising and Social Media strategies for non-profits.

[Sanaa]

Thanks Elan!

That worked for me as well.

Sanaa

[Author]

Posts