Header positioning

  • Resolved Ashley Michèlle

    (@ashleymichelle)


    13 years, 8 months ago

    Hello! This is probably a bit of a no-brainer problem, but my brain isn’t wanting me to figure out a logical solution tonight, for whatever apparent reason.

    The problem can be seen here: http://nwimt.com
    Type the letter “S” in to the search bar (the one above the navigation & header image), and when the search results appear, you will notice that all of the page content is shifted down, including the header and navigation.

    I apologize if this is just a simple positioning error that I’ve somehow neglected, but any help would be greatly appreciated!

    Many thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 8 months ago

    I don’t see the issue, have you resolved it?

    Thread Starter Ashley Michèlle

    (@ashleymichelle)

    13 years, 8 months ago

    Andrew, I have not… it still does the same thing. Wait a couple seconds for the results to generate (it is a LIVE search bar), and you’ll see what I mean.

    Thread Starter Ashley Michèlle

    (@ashleymichelle)

    13 years, 8 months ago

    I should have been more clear… type “s” in to the search bar, do not hit the enter key! The search results will display as a drop-down beneath the search bar, thus pushing everything else out of alignment.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 8 months ago

    I see.

    The problem lies with gold_cart.css line 129.

    You ought to be using position: absolute, rather than position: relative;.
    Then you need to add top: 40px or-so depending on how low you want that result box.

    Thread Starter Ashley Michèlle

    (@ashleymichelle)

    13 years, 8 months ago

    Andrew, you’re a gem! That worked perfectly! Many, many thanks!

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

The topic ‘Header positioning’ is closed to new replies.