Reply To: Search icon in header – The7 Theme

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search icon in header – The7 Theme Reply To: Search icon in header – The7 Theme

#15684
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi Colin,

I tried to log-in with the details, but I’m getting an invalid username error.

I think the solution in this case will be simply switching the search position from the default static to absolute on the compact search box layout panel. An absolute positioned element is removed from the document flow, and does not take up ‘space’, so it will hover over the existing elements.
Also, a fixed width is also very highly recommended with that setting, as well as adjusting the position values: https://i.imgur.com/0YgSLKz.png

To make sure the search is relatively positioned to it’s parent (the widget container), make sure to use this custom CSS code as well:

.navigation .mini-widgets {
    position: relative;
}

If the search is still pushed a bit to the bottom, you can adjust a negative top value as well, to compensate: https://i.imgur.com/V9DJzMm.png

I hope this helps!

Best,
Ernest Marcinko

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