Categories
bigcommerce bigcommerce stencil theme Cornerstone CSS

visible search box bigcommerce theme cornerstone

Would like to know how to delete "search" and have an actual search box instead

Hi...I have Cornerstone Bold and would like to switch out the word search for an actual search bar with a magnifying glass...it would go on the left top of each page...is there a way to input the code for that?...my site is laserlovecreations.com ....Thanks,Debbie 

https://support.bigcommerce.com/s/question/0D54O00006WOT5X/would-like-to-know-how-to-delete-search-and-have-an-actual-search-box-instead?s1oid=00D30000001FDCG&OpenCommentForEdit=1&s1nid=0DB13000000Gmw5&emkind=chatterPostNotification&s1uid=0051B00000Cdq7l&emtm=1594850381628&fromEmail=1&s1ext=0

 

 

Paste below css into Advanced Settings › Web Analytics  - https://bigmadness.com/add-custom-css-advanced-settings-web-analytics/

<style>
@media (min-width: 801px) {
	.dropdown.dropdown--quickSearch {
		display: block!important;
		position: static;
		opacity: 1;
		background: transparent;
		margin: 0px 20px;
		top: 100px;
		width: 300px; 
		max-width: auto;
		float: right;
		padding: 0px 0px;
	}
	.dropdown.dropdown--quickSearch .container {
		padding: 0 0px;
	}
 
	.navUser-action.navUser-action--quickSearch{ display:none;}
}
</style>