Ajax Search Menu Bar Styling Problem

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

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25285
    Florian94
    Florian94
    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

    Attachments:
    You must be logged in to view attached files.
    #25289
    Ernest Marcinko
    Ernest 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;
    }
    Best,
    Ernest Marcinko

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


    #25293
    Florian94
    Florian94
    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 Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

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


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.