Need help? Check out our Support site, then


Add search to nav banner in Adelle theme

  1. origininteriors
    Member

    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 origininteriors.org.

  2. fabianapsimoes
    Staff

    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;
    }
  3. origininteriors
    Member

    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

  4. origininteriors
    Member

    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

Topic Closed

This topic has been closed to new replies.

About this Topic