Ajax Search is bumped down

[deeshawParticipant]

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.

[Ernest MarcinkoKeymaster]

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 :)

[Author]

Posts