Altitude Pro resize Front Page-1 area

[handsun]

Hi, I am trying to make the top widget area in Altitude Pro less tall, but no matter what I do it fills the screen, I have uploaded an image that is 1600 wide by 320 and it just enlarges it . I have adjusted padding, I don't want to break the whole template, any ideas?? Thanks

---

Clean affordable water by Kinetico

[ᴅᴀᴠɪᴅ]

The size of the top widget area is controlled by javascript. Found in themes/altitude/js/home.js

Inside that file, you will find this...

// Image Section Height
	var windowHeight = $( window ).height();

	$( '.image-section' ) .css({'height': windowHeight +'px'});
		
	$( window ).resize(function(){
	
		var windowHeight = $( window ).height();
	
		$( '.image-section' ) .css({'height': windowHeight +'px'});
	
	});

You could either delete all this and control the height yourself, with padding etc. Or change this code to how you want it. eg you could have it as (windowHeight + 100) or something instead of just windowHeight, that way the size would always be 100px over the screen height. Whatever is better for you.

---

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

Follow on Twitter

[handsun]

Thank you David!! I will do that, I appreciate that help!

---

Clean affordable water by Kinetico

[mneisser]

Thanks, this was a question of mine as well. I am very inexperienced in javascript. Is there a way to set the max height within this script?

[mario]

Perfect -- Thank you!

[Author]

Posts