fixed misalignment w/ header & background color, now mobile site is misaligned

  • Resolved cristinalynne

    (@cristinalynne)


    9 years, 7 months ago

    I posted earlier about how I removed the padding between the header logo and header menu, but it caused misalignment with the background color against the header menu. The code I was given worked, and it’s now aligned in my browser, but when I view it in mobile browser, there is now a gap between the header menu and main page. Is there a solution that will remove that gap in the mobile site while still maintaining the background alignment with the header on the desktop version? Site is https://www.truthblip.org. Thanks ??

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

  • Hi cristinalynne. Give this a try:

    /* remove content area padding in mobile view */
@media only screen and (max-width: 719px) {
  #page.container {
    padding-top: 0;
  }
}
    Thread Starter cristinalynne

    (@cristinalynne)

    Thank you, it worked! I figured out another way only a few minutes ago, but your solution contains less coding, haha. Thank you again for taking the time to help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘fixed misalignment w/ header & background color, now mobile site is misaligned’ is closed to new replies.