CoachBirgit/divi-sticky-footer.css

Last active January 6, 2018 02:11

Star 17 You must be signed in to star a gist
Fork 1 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/CoachBirgit/7980bd2e0d8b34e56dd0.js"></script>
Save CoachBirgit/7980bd2e0d8b34e56dd0 to your computer and use it in GitHub Desktop.

Download ZIP

CSS: Sticky footer - Elegantthemes Divi

Raw

divi-sticky-footer.css

	/* put this into your childtheme-css or in custom css section under Divi theme settings */

	#main-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	}
	/* Set footer height */
	body #main-footer {
	height: 75px ;
	}
	#main-content {
	margin-bottom: 45px;
	}

CarroForslund commented Sep 9, 2016

Thanks! Very helpful. :)

CoryTrevor commented Sep 13, 2016 •

edited

Thanks. I found it still worked without setting the footer height.

DigitalOatmeal commented Feb 17, 2017

This one worked when none of the others did. Thank you.

fhulufhelo commented May 25, 2017

Solved my problem. Thank you

zinconinco commented Jul 7, 2017

Thanks! Actually works best without setting the footer height if you use the bottom bar for social media links. Otherwise it cuts them off.

michaelbukachi commented Jan 6, 2018

Thanks. Was really looking for this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment