Sticky Footer

[rk]

Hello,
Can you help me solve 2 problems with the site:
1) Need to fix the “footer” at the bottom of the screen.
2) Hide page title.

I made a layout how it should look.

[Zex]

Hello rk!

1. If you want to have a sticky footer, add the following codes in the Customizing->General->Additional CSS:

#colophon {
    position: fixed;
    width: 100%;
    bottom: 0;
  
}
#content{
    margin-bottom:50px!important;
}

2.You can turn it off from Customizing ▸ General ▸ Pages menu.

https://prnt.sc/rcezf5

PS. If you want to send the screenshots, I suggest you use the “Lightshot“.
to Upload your screenshot, and give us the link.

Also, there is a “Lightshot” extension for Chrome and Firefox browser>
Lightshot (screenshot tool)
https://addons.mozilla.org/en-US/firefox/addon/lightshot/
Regards

• This reply was modified 3 years, 8 months ago by Zex.

[rk]

I added these codes and the following problems appeared:

1) problem for slider
2) problem background

i maked screens
https://we.tl/t-KDVyXO2r2f

[Zex]

Hi,

Replace the codes I gave you earlier with the following code:

colophon {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99999!important;
}

Please give me a direct link to the page where is a problem with the background.

Thanks

[rk]

This reply has been marked as private.

[rk]

This reply has been marked as private.

[Zex]

Hi, rk!

Try to replace the last code (sticky footer)
with the next one:

/*sticky footer*/
html, body, #main-wrapper  {
  height: 100%!important;
}
#colophon{
position:fixed !important;
bottom:0;
width: 100%;
z-index: 99999!important;
}

#content{
    margin-bottom:50px!important;
}

Regards

[rk]

everything works fine
Thank you very much.

Regards

[Author]

Posts