Shortcode in Header Getting Cut Off

[iaqua]

iaqua

December 2, 2023 at 2:20 am

Hi everyone.

We’re using the free version of Kadence theme and blocks with Gutenberg and are running into a problem in our header.
We’re trying to insert our search (Ajax Search Lite) into the middle of the bottom row of our header. We’re using the HTML element with the shortcode for the searchbar. The searchbar shows up but it’s much smaller than it’s supposed to be (we have it on our homepage as well where we can see the proper size). We suspect it’s the middle column of the bottom row that’s limiting the width, therefore making our searchbar smaller than it’s supposed to be.

Does anyone know any way to change that specific column’s width, or the correct way to address it using custom CSS?
We thought maybe changing the number of columns from 5 to 3 could help but we don’t know how and we’re not really sure if it would actually resolve the issue.

We’re working on a stage site so can’t provide a link.

Any kind of help would be appreciated.

Thanks in advance.