Move search bar to navbar

[DemOnstar]

Originally Posted by Replicant

You don't need to edit the template to move the search bar. You can do it with CSS. The search bar is automatically added to the navbar in responsive mode.

This is very true. However, because I chose to be rid of the header. .

#header {display: none;}
}

Glens code didn't work.

So instead, I opted to reduce the header height and pop out the site logo and slot that into the formula to end up with the intended result.

This is what I am using now and it seems to have ironed out all the creases.

#header {
    height: 0;
}
#header .site-logo {
    display: none;
}
#header { position: relative; }
#header .header-cell { width: 100%; }
#header .site-logo, #header .site-logo img { max-width: 100%; } /* makes logo spans the width of the header */
#header .site-logo { padding: 0; } /* remove padding around the banner logo */
#header .toolbar {
    position: absolute;
    right: 0; /* for LTR languages (change right to left for RTL; see note below) */
    bottom: -29px; /* you may need to adjust this accordingly */
    padding: 0;
    width: auto;
}
/* reduce search box width from 168px to 120px or any size if you want */
.search-container .search-box .search-term { width: 120px;
}

Thanks again. . .