• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
QuickSearch in Header

QuickSearch in Header

BassMan

Well-known member
#1
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...
 

BassMan

Well-known member
#3
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:

viper357

Active member
#10
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.jpg