Move or Remove Search Bar Boundless

Solved
Highlighted
New Member
3 0 0

Is there a way for me to either remove or move over the search feature in the boundless theme? The way it is currently showing on my page it is cutting into my logo. I would either like to change the color, move it over or get rid of it all together. I added a screen shotScreen Shot 2020-05-21 at 11.50.41 PM.png

0 Likes
Highlighted
Shopify Partner
3261 719 866

Hi

Please share your web shop  url & password.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
New Member
3 0 0

Hi, 

Thank you so much for your quick response. My site is live. I have added the URL.

 

https://renaadams.com/

0 Likes
Highlighted
Shopify Partner
3261 719 866

This is an accepted solution.

Hi

Solution for  mobile device hide all icon in header 

 

add code assets/theme.scss.liquid bottom of the file

 

@media screen and (max-width: 580px){
.site-header__inner {display: none;}
}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
New Member
3 0 0

Thank you! So your saying I go in and add this language to the bottom of the new asset created?

0 Likes
Highlighted
Shopify Partner
3261 719 866

Hi

Solution for mobile device  move all icon in header

add code assets/theme.scss.liquid bottom of the file

 

.site-header__link {display: list-item !important;}

@media screen and (max-width: 580px){
.site-header__link {display: list-item !important;}
}

 

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Shopify Partner
3261 719 866

Hey

 

I says add css code in your theme.scss.liquid file and this file available in under assets folder.

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Explorer
51 1 8

@dmwwebartisan I have a smilar issue. I moved the slideshow up so it would be the background of mu header. But now I when I click on the search-bar it opens but I can't click on it or close it, because it is too close with the header.

Can I move the searcher to appear under the header instead so it doesn't collide? 

Thanks in advance for your advice

 

www.newdaysports.com

CoschStudio

0 Likes