Header Not Quite Right

  • Resolved Christine357

    (@christine357)


    12 years, 2 months ago

    http://www.hurkybird.com

    Above is my website that I am inquiring for. For some reason, there is a horizontal scroll, only to show that the header area and the “social media” area do not span across as far as the width. I can “quick fix” this for a PC by adding overflow-x:hidden to the html tag but this doesn’t help the mobile version which is even worse looking.

    When I go in my developer tools on Google Chrome, it says that each section is 1423px long, including the navigation which does span the entire screen, yet they are visually different widths.

    Anyone have an idea why this is happening?

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

    (@batharoy)

    12 years, 2 months ago

    .main-navigation is set to width:100% and padding: 0 10px.
    Gives it 20px past the width of 100%.
    Change the padding to 0 all around.
    If you need padding to center the menu add it to the first line item.

    Thread Starter Christine357

    (@christine357)

    12 years, 2 months ago

    Thanks! I hate how padding does that, couldn’t figure it out.

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

The topic ‘Header Not Quite Right’ is closed to new replies.