Okay
  Public Ticket #1326879
Flush footer to bottom. not fixed
Closed

Comments

  •  1
    sumonmg started the conversation

    Hi,

    I have been trying to implement a Flush footer to bottom. not fixed. I found this post offering the exact solution I am looking for. It also refers to the demo here. This is exactly what I'm trying to achieve.

    I have implemented the code inside my neon theme. The Flush footer (main functionality) is working great. But the layout is broken. Please check this.

    You will see there are margin on the left and right, and also content above the footer sometimes get overlapped.

    Could you please help me solving this problem? Please note that I have already spent few hours trying so I can't do it myself without your help.

    Thank you for your nice support.


  • [deleted] replied

    Hi,

    Please add this CSS:

    footer.footer {
    margin-left: -20px;
    }

    This should remove that extra gap on the left and center the footer.

  •  1
    sumonmg replied

    Hi Arlind,

    I have added that code, which removed the extra gap on the left, but there is still extra gap on the right. I have tried few things like putting margin-right: -20px; but couldn't make it work. So could you please look at it again?

    Thanks

  •  1
    sumonmg replied

    Hi Arlind,

    Never mind, I fixed it myself. Thanks for your help anyway.

  • [deleted] replied

    Glad to hear that

    Will set this ticket as solved from here.