Search bar compatibility issue – it's not appearing as expected

Hi Sujee,

I suppose you are reffering to the top search bar (it was not active when I checked)?

The issue is, that the wrapper on the top is set to display as a table, and the columns are as table-cells. This layout can be problematic to adjust correctly. Adding the search bar there increased it’s height and the columns shifted upwards.

I have added the following custom CSS to resolve it:

[html]div#menu-site-search {
max-height: 0;
margin-top: -12px;
}

div#menu-site-search .asp-try a {
color: white !important;
}[/html]

Please keep in mind, that this was not an issue with the plugin directly, so I cannot guarantee these CSS rules will work in all cases, as these apply to the theme elements.

Now it looks like this on my end: https://i.imgur.com/pEknbIj.png
I took the original theme search to sample: https://i.imgur.com/ALamYBd.png

The alignment should be correct now.

Hi,

It looks like the styling is missing there. Make sure to clear your site cache – especially the minify/asset cache, as well as your browser cache. Once it is cleared, it should appear normally again.