Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2018 at 10:36 pm #1027770
    dburton77

    Hi,
    We’re using a sticky footer and socket on a site using the following code;
    #footer {
    position: fixed;
    bottom: 20px;
    width: 100%;
    z-index: 10000!important;
    }
    #socket {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10000!important;
    }
    The only issue is that the bottom of the content of pages is getting cut off. How can we add 100px of extra space at the bottom of all pages?

    October 30, 2018 at 3:54 pm #1028092
    Victoria

    Hey dburton77,

    You need to give the last containers on all pages the margin or the padding at the bottom to account for the footer height.

    Best regards,
    Victoria

    October 30, 2018 at 4:14 pm #1028114
    dburton77

    Victoria,

    Thanks for getting back to me so quickly. I was hoping there was a way to apply this adjustment globally so that each page would not have to be adjusted. Is there code for that?

    Doug

    November 1, 2018 at 6:00 am #1028705
    Rikard

    Hi Doug,

    You could try something like this to apply a margin to the bottom of the body tag:

    body {
  margin-bottom: 120px;
}

    Best regards,
    Rikard

    November 5, 2018 at 6:16 am #1029770
    dburton77

    Works great. Brilliant!

    Many thanks,

    Doug

    November 6, 2018 at 4:14 am #1030161
    Rikard

    Hi Doug,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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