How to move search icon in Venture (new version)

Solved
Highlighted
Tourist
13 0 2

Hi 

When i scroll down my nav bar appears in the top, which is perfect. But the search icon from the header is also appearing but in the middel of a Menu text in the nav bar. I need to move the search icon further down below the nav bar when scrolling.

Site: homebuilder.dk and keyword : keeggi 

Have a look, and see what i mean.

Do any one know how to do that?

 

Regards

1 Like
Highlighted

Success.

Shopify Partner
2938 396 756

Hello, @Fractious25 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

 

.sticky--active .site-header__search-submit {
    display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Globetrotter
631 60 70

@Fractious25 wrote:

Hi 

When i scroll down my nav bar appears in the top, which is perfect. But the search icon from the header is also appearing but in the middel of a Menu text in the nav bar. I need to move the search icon further down below the nav bar when scrolling.

Site: homebuilder.dk and keyword : keeggi 

Have a look, and see what i mean.

Do any one know how to do that?

 

Regards


rather than changing search icon (as it is strictly bound in grid, changing will break layout) I recommend to do following

 

add following css to end of your theme.scss file

 

.site-nav__link{padding: 13px;}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
13 0 2

Thanks KetanKumar

 

That removed the search icon when scrolling.

 

0 Likes
Highlighted
Tourist
13 0 2

Hi suyah1

 

I tried your solution but it didnt have any effect.

but thanks for you answer.

 

 

0 Likes
Highlighted
Globetrotter
631 60 70
you wanted to remove icon? I got it wrong, I thought you want to move,
sorry about that.
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes