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
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.
hai Alex,
that works out perfectly!
thank you!
regards,
Andrew