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

Store Design
1

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.

1 Like
2

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

3

Okay. I just did

4

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.

5

@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
suyash1_0-1652166511314.png1366Ă—768 134 KB

6

I just added it but it does not work.

7

@tamiak - clear the cache, it is working

8

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

9

@tamiak - working fine on my machine

10

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

11

@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;}
12

It works now. Thank you

1 Like
13

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

14

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