QuickSearch in Header

QuickSearch in Header

BassMan

Well-known member
BassMan submitted a new resource:

QuickSearch in Header - Move QuickSearch to header and style it

Tiny little "guide" how to move QuickSearch to header and style it.

*I wanted this for my forum and thought it might help someone. That's why I publish this.*

Put the code in EXTRA.css:
Code:
/* START - QuickSearch in Header */
#QuickSearch {
top: -103px !important;
background-color: transparent !important;
}

#QuickSearch.active {
background: #176093; /* Old browsers */
background: -moz-linear-gradient(top,  #176093 0%, #60abf8 39%, #ffffff 80%); /* FF3.6+ */
background:...

Read more about this resource...
 
screenshot for mobile plze
Oh, I'm using responsive design, so nothing really changed there, except the active quicksearch is positioned in the middle of logo and down (in my mobile look). Looks ok to me.
 
Last edited:
Thanks for this.

Is there a way to make the background transparent? See in the pic below the extra white bits on the left and right look a bit strange. Thanks.

screenshot 2016-04-20 13-39-13.webp
 
Add this to your EXTRA.css template:

Code:
#QuickSearch .formPopup {
  background-color: transparent !important;
}
 
Top Bottom