Shop Categories

X

Sticky Footer

Home Forums Agama Pro Sticky Footer

Topic Resolution: Resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #25478
    rk
    Participant

    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.

    #25484
    Zex
    Moderator

    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 2 years, 9 months ago by Zex.
    #25502
    rk
    Participant

    I added these codes and the following problems appeared:

    1) problem for slider
    2) problem background

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

    #25504
    Zex
    Moderator

    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

    #25506
    rk
    Participant
    This reply has been marked as private.
    #25507
    rk
    Participant
    This reply has been marked as private.
    #25508
    Zex
    Moderator

    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

    #25509
    rk
    Participant

    everything works fine
    Thank you very much.

    Regards

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.