This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

help on sticky footer siteorigin north

Resolved 2 replies customizationthemetheme-north
raharjoandrew
9 years ago · Last reply by raharjoandrew 9 years ago

Hai,

I would like to know if it is possible to have footer on Siteorigin North theme stick at the bottom of the page / sticky footer?

I have come across a way in this forum

#colophon{
position:fixed!important;
bottom:0px!important;
right:0px!important;
left:0px!important
}

which works fine, but with a few hiccups, that is on my homepage using siteorigin builder template, there are images where it overlaps with the footer when the page is being scrolled down.

I wonder if there is any way to fix that or perhaps another way to have the sticky footer at the bottom?

Many thanks in advance!

Regards,
Andrew

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 9 years, 5 months ago

    Hi Andrew,

    Try replacing your CSS with the following CSS:

    #content.site-content {
	padding-bottom: 100px;  /* Ensure the footer doesn't overlap by adding extra spacing to the content area */
}
.site-footer {
	z-index: 900;
	position:fixed !important;
	bottom:0 !important;
	right:0 !important;
	left:0 !important
}

    You might also need to install the SiteOrigin CSS Editor.

    If that doesn’t help, do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. raharjoandrew 9 years, 5 months ago

    hai Alex,

    that works out perfectly!

    thank you!

    regards,
    Andrew

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread