Add search to nav banner in Adelle theme

  • Author
    Posts
  • #1347775

    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.

    #1347904

    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;
    }
    #1347940

    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

    #1347941

    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

The topic ‘Add search to nav banner in Adelle theme’ is closed to new replies.