Putting the Search as part of the menu

  • Resolved katherinewhite

    (@katherinewhite)


    6 years, 7 months ago

    Hi we would like to put the search on the right hand side of the menu in the header so effectively part of the header but we cannot work out how to do this. We have put it as part of the header but it appears under the main menu and we wondered if you could help us fix this.
    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    
li.astm-search-menu {
    display: inline-block;
}

.site-header.dark .title-area {
    width: auto;
}

li.astm-search-menu input[type="search"] {
    float: left;
    width: 65%;
    padding: 6px 10px;
}

li.astm-search-menu .search-form input[type="submit"] {
    float: left;
    padding: 15px;
}

    Best regards,

    Thread Starter katherinewhite

    (@katherinewhite)

    I have used it and it worked, thank you very much!
    Katherine

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome here ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Putting the Search as part of the menu’ is closed to new replies.