Hi,
I’d like to know how can I have fixed footer on my page, I mean, not having footer adapting and resizing regarding the content page, just having it fixed.
try this one – but it might not work on the most mobile Phones:
#socket {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
Thanks for the answer, but the problem stay the same on pages where ther is few content as on this image
http://evedufaud.com/wp-content/uploads/2015/07/exemple.jpg
How can I get ride of the dark grey color betwenn the footer and the white ? I’d like to have it white
this is the html background-color : try this
html.responsive, .responsive body {
background-color: #fff !important
}
If you want to use footer with widgets as well than it is more difficult to fixe it, because you have to be aware of seeing all content in main.
If footer is allow to scroll there is no problem with that solution above
Hi!
Thank you for using Enfold.
Can you please provide a link to the actual page with the issue? You can set a minimum height to the main container:
#main > div {
min-height: 600px;
}
Regards,
Ismael
On this page , http://etienne-gauthier.com/docu/ with the solution of Ismael, the socket is fix but you can’t see the title of the last row of the masonry, because the socket cover it…
In fact, I don’t really want it fix, I just don”t want to have the socket in the middle of my page when I have a page with few content…
Hey!
Add this:
#top #main {
padding-bottom: 65px;
}
Regards,
Josue
Yeah ! perfect
You guys rock :-)
You are welcome, glad to help :)
Regards,
Josue