1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

QuickSearch in Header

Move QuickSearch to header and style it

  1. BassMan

    BassMan Well-Known Member

    BassMan submitted a new resource:

    QuickSearch in Header - Move QuickSearch to header and style it

    Read more about this resource...
     
    Adam Howard likes this.
  2. DRE

    DRE Well-Known Member

    screenshot for mobile plze
     
  3. BassMan

    BassMan Well-Known Member

    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: Dec 26, 2013
  4. BassMan

    BassMan Well-Known Member

  5. BassMan

    BassMan Well-Known Member

    @DRE, I reconsider it and make it look like here on XF when viewing on mobile device.
     
  6. TsinJu

    TsinJu Well-Known Member

    Side Note: the !important Tag is not needed.
     
    BassMan likes this.
  7. BassMan

    BassMan Well-Known Member

    Thank you. Removed.
     
  8. Adam Howard

    Adam Howard Well-Known Member

    BassMan likes this.
  9. BassMan

    BassMan Well-Known Member

    Thanks, Adam! :)
     
    Adam Howard likes this.
  10. viper357

    viper357 Active Member

    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
     
  11. BassMan

    BassMan Well-Known Member

    Forum URL would be a great help so I can check the code on your forum.
     
  12. viper357

    viper357 Active Member

  13. BassMan

    BassMan Well-Known Member

    Add this to your EXTRA.css template:

    Code:
    #QuickSearch .formPopup {
      background-color: transparent !important;
    }
    
     
  14. viper357

    viper357 Active Member

    Excellent, works great. Thank you. :)
     
    BassMan likes this.

Share This Page