Search bar missing on mobile version of site

Search bar missing on mobile version of site

alice-doremi
Visitor
2 0 1

My site is doremionline.com.my ,my site search bar appear only few second and gone for mobile version, but it work normally on desktop version.
Anyone can assist?

Replies 4 (4)

BSS-TekLabs
Shopify Partner
1940 561 656

Hello @alice-doremi 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

BSSCommerce-B2B
Shopify Partner
1320 346 407

Hi @alice-doremi,
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.css. Search for the CSS snippet as I mark here

BSSCommerceB2B_0-1723390401583.png

 

Step 3: Add important after "display: block"
It will look like this

 

.portable-show {
   display: block!important;
}

 

Result 

BSSCommerceB2B_1-1723390433354.png

If it helps you, please like and mark it as the solution.

Best Regards

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
alice-doremi
Visitor
2 0 1

Hi, I've tried and it still pop up a second then gone

BSSCommerce-B2B
Shopify Partner
1320 346 407

@alice-doremi ,

I believe the "hide"  attribute here is the reason why your search bar is hidden. Try to locate this code in your theme. Look for it in files containing the words 'search', 'header', or possibly in 'theme.liquid'. If you can't find it, try downloading your theme and using an IDE to search for it. If you still can't find it, you can send it to me, and I'll help you.

BSSCommerceB2B_0-1723549872528.png
try to find it like

BSSCommerceB2B_1-1723549900026.png

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency