This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Ajax Search Menu Bar Styling Problem

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Ajax Search Menu Bar Styling Problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25285
    Florian94Florian94
    Participant

    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

    #25289
    Ernest MarcinkoErnest Marcinko
    Keymaster

    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;
    }
    #25293
    Florian94Florian94
    Participant

    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.

    #25294
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You cannot access this content.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.