Section with Full Screen - i want the content vertical aligned at the top

ARadauer

Hi, i use the golf theme and the first section is set to Full Screen, wich is nice. But the content is somehow vertically aligned in the middle with a padding-top and padding-buttom of about 200px in the div with the class "section_wrapper mcb-section-inner" This paddings are changing according to my windows hight of the browser. But i don't want to have the content in the middle, i want it at the top. I added a hack with "top: -200px; position:relative;" but thats not very nice.

How can I change this behavior?

Thanks

This is the site: http://hussenbauer.at/wp/

Bryan

Hi,
sorry but this will be not possible. The full screen option works by adding top and bottom padding to the section using JS to calculate the window height. You can only use the move up option that is in a wrap.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ARadauer

Thank you, helped me a lot.

I added a top class to the section and changed the mfn_sectionH function in the themes\betheme\js\scripts.js File to 

function mfn_sectionH(){
var windowH = $(window).height();

// FIX | next/prev section
var offset = 0;
if( $( '.section.full-screen:not(.hide-desktop)' ).length > 1 ){
offset = 5;
}

$( '.section.full-screen' ).each( function(){

var section = $( this );
var wrapper = $( '.section_wrapper', section );

section
.css( 'padding', 0 )
.css( 'min-height', windowH + offset );
var height = ( windowH + offset - wrapper.height() );
var padding = height / 2;

var paddingTop = padding + 10;
var paddingBottom = padding - 10;
if( paddingTop < 50 ) paddingTop = 50;

if(section.hasClass("top")){
paddingTop = 10;
paddingBottom = height - 10;
}

wrapper
.css( 'padding-top', paddingTop ) // 20 = column margin-bottom / 2
.css( 'padding-bottom', paddingBottom );
});
}

now it works. 

Maybe you can insert this in a future version.

Keep up the good work!

Thanks