This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Search widget blowing out width in Chrome and Explorer

  • Creator
    Topic
  • #22686
    inetinitiatives
    Participant

    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,

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
    Replies
  • #22687
    Jason Bobich
    Keymaster

    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;
    }
    #22692
    inetinitiatives
    Participant

    Aw wow, very easy. Thanks very much!

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

The forum ‘Barely Corporate Responsive WordPress Theme’ is closed to new topics and replies.