Ajax Search is bumped down

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Ajax Search is bumped down

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 3 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22028
    deeshaw
    deeshaw
    Participant

    Hi –
    I have the ajax code in the top menu and it’s bumped way down and everything else in the secondary nav is bunched together? I’m not sure what’s going on but you can see it from the homepage at myartlesson.com.

    Thanks! Ideally i just want it at the end and the other menu items next to it.

    #22036
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Thank you for the details. I have removed the search shortcode from the nav menu, to see how it looks like originally: https://i.imgur.com/oTjqfFr.png
    I’m not sure if that is intended, but it looks like the layout of that follows the CSS rules defined, the only difference when the search menu item is there, is that it becomes the last menu element, and the left margin is redracted from the last menu element, thus the search bar.

    I think I understand what you need, and I quickly constructed some custom CSS to correct that menu layout, as well as to position the search correctly. I have added the following custom CSS to the search options:

    ul#et-secondary-nav li.menu-item {
        display: inline-block !important;
        width: auto;
    }
    
    ul#et-secondary-nav li.menu-item {
        vertical-align: middle;
    }
    
    ul#et-secondary-nav {
        display: inline-block;
    }

    Please note, that this CSS is not related to the plugin whatsoever, so I cannot guarantee it’s working in all cases. I have also adjusted the compact layout options as following: https://i.imgur.com/Z6Kzhbp.png

    This custom CSS and the adjusted options give you the following layout: https://i.imgur.com/TbIRYkl.png

    I hope this helps!

    Best,
    Ernest Marcinko

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


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

You must be logged in to reply to this topic.