Search bar moves in IE.

  • urbannerd

    (@urbannerd)


    12 years ago

    I am using a twentytwelve child theme, and everything seems fine between Firefox and Chrome, but when I go to the site using Internet Explorer, the search bar sits over my header logo.

    after searching on google for a while, I came across a page that said I can create a mini-plugin with this code;

    function fix_ie8() {if (strpos($_SERVER['HTTP_USER_AGENT'],"MSIE 8")) {header("X-UA-Compatible: IE=7");}}

add_action('bb_send_headers','fix_ie8');  // for bbPress

add_action('send_headers','fix_ie8');    // for WordPress

    So I created another .php file to upload to my site, with that coding in it, but once its hosted, idk how to link it so it activates it within my template.

    ALSO,
    Another thing is, once I start to make my browser window smaller, everything moves around (in all browsers)…. What can I do to fix it so everything stays in place, and the browser has to scroll?

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What can I do to fix it so everything stays in place, and the browser has to scroll?

    You’ll have to re-engineer a lot of the CSS of the site, because Twenty Twelve was built with Media Queries from the ground-up. It may be easier to just switch to a non-responsive theme.

    Thread Starter urbannerd

    (@urbannerd)

    the originals theme css, or just the css ive added to the child theme?

    im beyond the point of just switching themes now,
    im building this for a friend and he needs it to be live this week

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s the original theme’s CSS you’ll need to change, however to change this, you should override it in your Child Theme stylesheet. Look at the theme’s original stylesheet and look for @media references. The styles contained within them will need to be set different widths and positions.

    Thread Starter urbannerd

    (@urbannerd)

    ok, im guessing i just need to set them to about the same thing so the widths are all fixed, am i doing it with max-width and min-width styling?

    also, no word on how to keep my search bar on the right side with IE?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    am i doing it with max-width and min-width styling?

    Maybe, do you still want things to resize but not move about?

    also, no word on how to keep my search bar on the right side with IE?

    May you provide a link to the issue and name the browser version in which it occurs?

    Thread Starter urbannerd

    (@urbannerd)

    heres the site
    Mixx Shuz

    it looks fine in chrome, and firefox, but in IE9 the search bar
    sits over the header logo.

    and as for the resizing, itd be awesome if EVERYTHING in the site scaled down for smaller browsers, but if thats not possible id like for it to just sit in place, and never move even on mobile browsers

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think you need to clean up some of the validation errors, regarding the IE issue.

    For resizing, then yes you do need to use max-width and/or min-width CSS styles.

    Thread Starter urbannerd

    (@urbannerd)

    I was just using that site to check my errors,
    and I see the errors, but I dont understand how to fix them…

    almost all those errors are on the default twenty twelve theme since
    I did not modify those things in my child theme style.css

    where the red “>” are, is that where I have to find the closing and opening tags for the highlighted “>” ?

    Thread Starter urbannerd

    (@urbannerd)

    I tried using that sites, output (which supposedly fixes the errors) but it crashed my site.

    Thread Starter urbannerd

    (@urbannerd)

    It has to be an easy fix to move my search bar to the right side,
    in internet explorer. This is frustrating lol

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s not easy fixing Internet Explorer formatting issues, especially when there are markup errors such as unclosed elements.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You probably need the support of a CSS forum like https://csscreator.com/forum , as this issue is no longer related to WordPress.

    Thread Starter urbannerd

    (@urbannerd)

    thank you, ill try my luck there.

    i mean, i have no problem going in there to fix it, but the errors dont
    make too much sense to me lol

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Search bar moves in IE.’ is closed to new replies.