Empty Space below Full Page Slider and Before Footer

6 replies · opened May 5, 2016

LlawmotorsportsMay 5, 2016

Hello,

I use transparent Header, Full Page Slider and Footer v7.

After the full page slider, there's a large space and then the footer starts.

This is on both Firefox and Chrome.

How do I fix the big white blank space?

Thanks

LlawmotorsportsMay 5, 2016

Occasionally it works for Chrome, But in Firefox, there's always a blank space

LlawmotorsportsMay 5, 2016

Probably something in here:

	stickFooterOnSmall: function(){
		var windowH = $window.height(),
			wrapperH = $wrapper.height();

		if( !$body.hasClass('sticky-footer') && $footer.length > 0 && $wrapper.has('#footer') ) {
			if( windowH > wrapperH ) {
				$footer.css({ 'margin-top': ( windowH - wrapperH ) });
			}
		}
	},

	stickyFooter: function(){
		if( $body.hasClass('sticky-footer') && $footer.length > 0 && ( $body.hasClass('device-lg') || $body.hasClass('device-md') ) ) {
			var stickyFooter = $footer.outerHeight();
			$content.css({ 'margin-bottom': stickyFooter });
		} else {
			$content.css({ 'margin-bottom': 0 });
		}
	}

};
LlawmotorsportsMay 5, 2016

Nvm, It doesn't use sticky footer.

SSemicolon WebSTAFFMay 6, 2016

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Additionally, it seems like your Footer Code is outside the #wrapper Container which is causing this issue. Please make sure that you add all your Content inside the #wrapper Container. Follow the HTML Structure as suggested in the Documentation > Start > HTML Structure Section.

This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

LlawmotorsportsMay 6, 2016

It was formatted correctly.

We're building with asp.net, so I assume the form tags are messing with it.

I added margin-top:0 to the footer and it's working.

Thanks

SSemicolon WebSTAFFMay 7, 2016

Hello,

Really Glad that your issues were resolved. Additionally, if you would like to remove the Margins from the Forms, you can simply add the .nobottommargin Helper Class to the <form> Tag.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard