aligning background with header menu

  • Resolved cristinalynne

    (@cristinalynne)


    9 years, 7 months ago

    I recently removed the padding between my header and the header menu, which caused the main page to move upwards. Because of this, the background color is no longer aligned with the header menu. Is there a CSS code to help me adjust the background to align again with the header? my website is https://www.truthblip.org. Any help would be appreciated, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter cristinalynne

    (@cristinalynne)

    I also just noticed that the footer widget color doesn’t match the background. How can I change the footer widget background color to match?

    Hi cristinalynne. Try this in your custom css to fix the header:

    /* remove 60px padding to align header with menu bar */
#header {
  padding-bottom: 0;
}
/* offset above by pushing content container back down */
#page.container {
  padding-top: 60px;
}

    Try this for the footer color:

    /* change color to match site background */
#footer-widgets {
  background: #606060;
}
    Thread Starter cristinalynne

    (@cristinalynne)

    Worked perfectly, thank you so much for your help ??

    You’re welcome. Glad I could help. If you don’t need any further assistance with this topic please mark it as Resolved. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘aligning background with header menu’ is closed to new replies.