Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2023 at 7:43 pm #1406120
    edgeofcinema

    Hello, My live search bar is showing the elements behind other elements on the page, how can I fix this?

    If for example you type in float and wait a few secconds but do not hit enter, product results come up behind other page elements.

    website haspools.com

    May 2, 2023 at 3:54 am #1406144
    Ismael

    Hey edgeofcinema,

    Thank you for the inquiry.

    You can add this css code to adjust the stack order of the column containing the search field and place it in front of the other columns.

    .flex_column_table.av-6wpc-40111567c38aae6daa72a4fc72cec859 {
    z-index: 99999;
    position: relative;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    May 3, 2023 at 3:34 pm #1406358
    edgeofcinema

    Great that worked, thanks!

    Now how do I make the mobile site show two columns?

    I tried this but it still breaks down to one column on mobile.

    @media only screen and (max-width: 330px) {
    .products-grid .product, .products-list .product {
    width: 50%;
    }
    }

    May 4, 2023 at 4:52 am #1406404
    Ismael

    Hi,

    Now how do I make the mobile site show two columns?

    Glad to know that the modification is working. It looks like the live search bar overlay has been disabled, though. Please enable it back so that we can inspect the elements.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.