Ajax Search Menu Bar Styling Problem

[Florian94Participant]

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

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

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;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Florian94Participant]

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 MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts