Search widget blowing out width in Chrome and Explorer

[inetinitiatives]

Hello!

I recently updated my copy of Barely Corporate on this site and and am seeing that the width of the search widget blows out in Chrome and Explorer, covering the top navigation menu. Everything appears as it should in Firefox.

http://www.cnhfoundation.org/

I don’t recall that this was happening before the update (but can’t be sure). Any suggestions are much appreciated!

Best regards,

Topic

[Jason Bobich]

Hi,

In your child theme’s style.css where you’ve written custom styling for the search widget you’re putting in the header, just give it a specific width.

I’m referring to here:

.main-top .widget_search {
    background: none!important;
    position: absolute;
    right: -5px;
    top: -45px;
}

Just add in a width you want it to display at. For example:

.main-top .widget_search {
    background: none!important;
    position: absolute;
    right: -5px;
    top: -45px;
    width: 200px;
}

[inetinitiatives]

Aw wow, very easy. Thanks very much!

[Author]

Replies