Align Search Icon in Navigation Bar

Support
#1

Hello,

I’ve posted this query previously. However, I can’t reply to the staff response. I’m not sure why.

Original query:

I want to add a search icon to my navigation bar.

I’ve done the following:

Appearance > Customise > Customize X in Theme Options > Header > Search > Navbar Search on

This brings the search icon in. However, it places it on a second row below the page titles.

How can the icon be aligned so that everything is on the same level in the nav bar?

Response:

The website can now be viewed.

I have created sub menus, chosen a reasonably small font size etc. and I’m still experiencing this issue.

Could you please assist with further troubleshooting?

Many thanks,

Kelsey

#2

Hi Kelsey,

Thank you for reaching out to us. To fix the issue, please add the following code in the Theme Options > CSS:

.x-menu-item.x-menu-item-search {
    display: inline;
    padding: 0 20px;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#3

This worked well. Perfect.
Thank you very much.

#4

You’re welcome, Kelsey.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.