Aligning Search Form with Search Box

  • For the life of me, I can’t move the search box to where it should be.

    This is my site:
    Entertainment Geekly

    If you tab through everything, you’ll see the hidden search box appear in the header. It’s not where the graphic exists for the search box.

    This is an example site where it’s working fine.

    Now granted, I’ve monkeyed with the CSS and code, but I went line by line through my CSS and code versus the example, and still can’t figure out what’s going on. It just won’t leave the header area, no matter what values I put where I think they should go to move the box.

    Any help please?

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

    (@eroswelker)

    Here’s the only critical change I could detect in the Stylesheet:

    /* Navigation */
.navigation {
	padding: 252px 0 0 142px;

    In the example version, the first value is 163px. However, if I reset this value to that default value, the navigation moves higher on the page and looks even worse. Please help.

    Thread Starter ErosWelker

    (@eroswelker)

    My bad. The example site refreshes it seems. This is the theme I am working in:
    https://www.ezwpthemes.com/templates/movie-theater.html

    And when I say “tab through everything” I mean, hitting the TAB button you’ll see the search field box misaligned hidden. I’m going to reveal it per another user’s instruction.

    Thread Starter ErosWelker

    (@eroswelker)

    Ignore this. All fixed, needed to comment out the Search Form it seems.

    ClaytonJames, thank you!

    Ahh, ha! I knew you would get around to tackling it again eventually..

    You’re welcome. Glad it worked!

    ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Aligning Search Form with Search Box’ is closed to new replies.

Tags