Prestige theme - mobile search bar not working - disappears

Store Design
, , , , ,
1

Hello Everyone,

I am experiencing an issue where the search bar disappears when I view a product page on a mobile device. This happens on both Safari and Chrome. I am using the Prestige theme and am waiting for a response from the developer.

Here is a product page where the mobile search disappears: https://the-sei.com/products/asymmetrical-bardot-gown

Has anyone experienced this and resolved it correctly?

Best,

Barry Wong

2

Hi @barry7377

Please try adding this code to your theme.liquid file, after in Online Store > Themes > Edit code and then check if it works
3

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.header-search {
  z-index: 10 !important;
}

Here is result:

BSSTechVenture_0-1716343372251.png
BSSTechVenture_0-1716343372251.png837×885 124 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

Hi @barry7377

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1716343456923.png
PageFlyRichard_0-1716343456923.png400×867 88.5 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly