Ajax Search Shortcode causing header alignment issues

[AndrewTaylor50Participant]

I am trying to display the search shortcode on my Shop and Shop Category pages. These pages use a WooCommerce Page Builder template.

The developer of the WooCommerce Page Builder and I have determined that when the Ajax Search Code shortcode is on one of these pages it is causing the header items to be misaligned.

To illustrate this issue, please look at the following two pages built with the WooCommerce Page Builder plugin.
1. https://sunriserunco.com/shop/ – no Ajax Search and all header items are aligned correctly
2. https://sunriserunco.com/product-category/distances-stickers/ – Ajax Search shortcode on page. Social icons and logo are pushed upward in the header.

The only difference between these two pages is the Ajax Search Shortcode.

[Ernest MarcinkoKeymaster]

Hi,

Thank you for all the details, it helps us a lot!

I’m afraid the issue is unrelated to the search. As a proof of concept, I have disalbed the search plugin temporarily, and checked the same page, and the issue still persist: https://i.imgur.com/HafrqFu.png

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

[Author]

Posts