Menu search icon vertical alignment

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

You can align it by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

.main-navigation nav .is-menu a {
    padding: 0 10px !important;
    vertical-align: middle;
    line-height: 38px !important;
}

Best regards,
Ivory Search Support

You are always welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

I’d really appreciate that. 🙂

And if I can be of any further assistance please don’t hesitate to ask.

Hi,

I got the same problem

@navigator-media Please display the search icon on your shared website so that I can help you.

@navigator-media Thank you for displaying the search icon now.

You can align it on your website by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

.edgtf-main-menu ul li.is-menu {
    height: auto;
    margin-top: 8px;
}

.edgtf-main-menu ul li.is-menu a {
    line-height: 12px;
    vertical-align: middle;
    height: auto;
}

You are always welcome here 🙂

Hello!
I also have this problem with the search icon not being centered and aligned with the menu. I tried a few CSS in both the customizer and the Ivory search CSS options, but none worked.

Can you help me, please?

The website is: http://www.designefotografia.pt

Thank you!

@Márcio Silva To help us keep the support thread separated could you please create your own thread for your question instead of posting a reply on others’ thread as it makes the thread messy and hard to read?

If you want to you can also add a reference to this thread in your newly created thread.

We would be more than happy to help you with your new thread.