How To Position Search Icon Right Of The Navigation Bar?

  • Resolved berkay28

    (@berkay28)


    6 years, 11 months ago

    Hello @vinod-dalvi thats a great plugin and it is working fine. But i need a little styling. I would like to have the search icon right far end of navigation bar. I also want to position search submit inline with search bar and it pops up when you click the search icon. I tried codes both in this forum and free wp tp but no luck. If you can help me it is much appreciated.

    I use Sydney free theme.

    Here is my website: https://www.bascihukuk.com/

    Thanks in advance,

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

Viewing 5 replies - 1 through 5 (of 5 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

    #mainnav li.astm-search-menu {
    float: right;
    padding-top: 10px;
}
#mainnav li.astm-search-menu form.search-form {
    width: 350px;
    max-width: 350px;
}
    Thread Starter berkay28

    (@berkay28)

    Thank you very much it worked. Search bar is located where i wanted. But when i put the code search icon pushes nav bar to the left. I would like to have nav bar and search icon little right. Is that possible?

    Thanks in advance,

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Try using below CSS code to achieve it.

    #mainnav li.astm-search-menu {
    padding-right: 0;
    padding-left: 0;
}
    Thread Starter berkay28

    (@berkay28)

    Thank you very much. It worked. I am much appreciated.

    Regards,

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome here ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How To Position Search Icon Right Of The Navigation Bar?’ is closed to new replies.