Ajax Search Menu Bar Styling Problem

[Florian94]

Hey,
I’m using Ajax Search in the menu bar as per your tutorial. Do you have an idea why this box is sticking to the top of my sticky menu bar, whereas the other menu items are sticking to the bottom?
I’m grateful for any help!

Regards,
Florian

[Ernest Marcinko]

Hi,

Well, it is almost impossible to tell without actually seeing the issue, but I am guessing, that there is either a top margin on the parent container of those menu elements, or they are displayed as inline/inline-block with a different vertical alignment.

Try either this custom CSS:

.asp_m {
   display: inline-block !important;
   vertical-align: baseline !important;
}

…or maybe this (adjust the margin):

.asp_m {
   margin-top: 12px !important;
}

[Florian94]

Thanks. It worked after setting the menu item with the search box to “inline-flex”. Although I’m not sure why that works, I found it by accident.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts