Footer text and Footer menu (Pages like about us/ contact us) are not alligning

  • Can someone help me align my footer text with the footer menu? Currently, the footer menu is shifted a little bit upwards. How to make it align with the Footer text.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @cocoa1,

    The spacing at the bottom occurs because there is not enough content to cover the height of the browser.

    To resolve this, you can try adding this CSS in Appearance > Customize > Additional CSS:

    div#page {
    min-height: calc(100vh - 186.5px);
}

    This code makes sure the content of your site fills the screen. It also takes into account the height of your header and footer which sums to 186.5px.

    Hope this helps!

    Thread Starter cocoa1

    (@cocoa1)

    Thank you for replying back. I have pasted the code into the custom CSS but it still didn’t solve the problem. The footer menu still appears out of line. It should be inline with the copyright message.

    Hi there,

    did you resolve this ?
    As this is what i see:

    https://www.screencast.com/t/IPMkgAQKJYz

    Thread Starter cocoa1

    (@cocoa1)

    Yeah I was able to fix this but not with the help of CSS code. What I did was remove an unused block that was present in the Widgets> Footer Bar> Navigation Menu. The blank block was taking up the space. Glad I was able to fix this issue. Thank you.

    Glad to hear you found the solution!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Footer text and Footer menu (Pages like about us/ contact us) are not alligning’ is closed to new replies.