Solved

Search bar not appearing on header on mobile ( Venture Theme)

tamiak
Explorer
66 0 28

Hi,

 

I would like my search bar icon to appear beside the cart icon on my header on mobile just like it does on desktop. 

Can someone please help me with this .

Thanks in advance. 

Accepted Solution (1)
suyash1
Shopify Partner
9140 1138 1485

This is an accepted solution.

@tamiak - theme.css file is not applied on home page, so please check if you have swift-theme-critical.min.css and this to it 

.site-header__search {display: inline-block !important;}

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

View solution in original post

Replies 13 (13)

suyash1
Shopify Partner
9140 1138 1485

@tamiak - right click is disabled, can you please enable it?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tamiak
Explorer
66 0 28

Okay. I just did 

suyash1
Shopify Partner
9140 1138 1485

@tamiak - please add this css to the very end of your theme.scss file and check

.site-header__search {display: inline-block !important;}

 

suyash1_0-1652166511314.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tamiak
Explorer
66 0 28

I just added it but it does not work.

suyash1
Shopify Partner
9140 1138 1485

@tamiak - clear the cache, it is working

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tamiak
Explorer
66 0 28

I have cleared the cache several times and even used incognito mode but it's not displaying

suyash1
Shopify Partner
9140 1138 1485

@tamiak - working fine on my machine

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tamiak
Explorer
66 0 28

This is what it  looks like even after clearing the cache. I don't know what's happening 

suyash1
Shopify Partner
9140 1138 1485

This is an accepted solution.

@tamiak - theme.css file is not applied on home page, so please check if you have swift-theme-critical.min.css and this to it 

.site-header__search {display: inline-block !important;}

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tamiak
Explorer
66 0 28

It works now. Thank you 

 

suyash1
Shopify Partner
9140 1138 1485

@tamiak - great, please let me know if you need anything else, you have my email below.

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
maxlime
Excursionist
18 0 5

Hi

 

I didn't quite get this to work, i am not sure if i got it all right.

Could you publish the whole code at once and also where the code is supposed to go?

 

Thanks

Amlibolikha
Shopify Partner
69 9 13

Hi @tamiak ,

 

You can follow the instruction below:
 
1. Go to Online Store->Theme->Edit code  
2. Asset->/theme.scss->paste below code at the bottom of the file:

 

@media (max-width: 749px) {
.site-header__search.small--hide {
    display: block !important;
}
}

 

Hope it can help you.