Add search to nav banner in Adelle theme

• 

  origininteriors · Member · Jul 13, 2013 at 6:10 am

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to move my search widget to sit in the ribbon navigation banner in Adelle. I have the upgraded CSS option, so just trying to figure out how to move it into there.

  Any ideas?

  Thanks, Siobhan

  The blog I need help with is: (visible only to logged in users)

• 

  fabianapsimoes · Member · Jul 13, 2013 at 1:02 pm

  • Copy link

  Hello there, you can give this a try and see if it does the trick:

  .searchform {
      position: absolute;
      top: 227px;
  }
  
  #text-10 {
      margin: 0;
  }
  
  #search-6 .widget-title {
      display: none;
  }
  
  #search-6 {
      background: none;
      margin: 0;
      padding: 10px;
  }

• 

  origininteriors · Member · Jul 14, 2013 at 2:08 am

  • Copy link

  Hi Fabian,

  Thanks so much for the quick response. The CSS worked really well and I just changed the number of top px to get it sitting in the ribbon and the padding as below.

  }

  .searchform {
  position: absolute;
  top: 196px;
  }

  #text-10 {
  margin: 0;
  }

  #search-6 .widget-title {
  display: none;
  }

  #search-6 {
  background: none;
  margin: 0;
  padding: 0px;
  }

  Thanks! Siobhan

• 

  origininteriors · Member · Jul 14, 2013 at 2:13 am

  • Copy link

  Actually 196px was showing correctly in the customizer, but too high on my actual blog, so changed it to 227px as suggested and works perfectly.

  The live update of the customizer seems a bit off at the moment!

  Thanks again, Siobhan