hii im using dawn theme i want to remove this space please help me with code, reference image is also attached Website link : https://mansaroverfurnishings.com/ Current : [manan123_0-1725964701787.png] Reference image: [manan123_1-1725964742027.png]

Hey @manan123 Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag RESULT: [Moeed_0-1725965269712.png] If I managed to help you then, don’t forget to Like it and Mark it as Solution! Best Regards, M…

Thankyou! so much , i need one more help i want to place search icon opposite side , please help me i attached ss below for refrence [manan123_0-1725970444078.png]

Hi @manan123 , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: Here is result: [BSSCommerceHDL_0-1725971014941.png] Hope this can help you, If our suggestions are useful, please let us know by giving it a …

Thanks! but sorry i forgot to tell you that i want it for only desktop devices , please give the code again & also want white background colour of search bar

Hi @manan123 , Pls replace my old code to this new code: Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (min-width: 990px) { summary.header__icon.header__icon--search { position: absolute !important; left: 5%; top: 20%…

Thanks its solved , can you please help me to change the background colour of search bar also [manan123_0-1725973939480.png] I want it white

Hii, Thanks but outer colour is changed but inner colour is not changed please give me updated code [manan123_0-1725974672415.png]

Hi @manan123 , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: …

Add this code also You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .predictive-search { background: #fff !important; } [Tech_Coding_0-1725975169445.png] my reply helpful? Click…

remove spacing

Shopify Discussion

manan123 September 10, 2024, 1:16pm 14

Thanks its solved , can you please help me to change the background colour of search bar also

I want it white

Topic		Replies	Views
REMOVE SEARCH BAR and MAKE MENU ITEM DIFFERENT COLOUR in Refresh theme Shopify Discussion discounts , marketing-campaigns-sales , billing-plans , troubleshooting , shop-performance	5	44	April 8, 2024
Remove padding around search bar - remove whitespace Store Design design , customizations , collection-page , css , third-party-themes , troubleshooting , html , product-page	5	31	August 6, 2023
How can I replace the search icon with a search bar in Dawn theme? Store Design	37	290	January 31, 2024
Dawn theme search bar transperent! Shopify Discussion troubleshooting , shop-performance	12	41	July 1, 2024
Header options & logo Store Design design , header , landing-page , css , shopify-themes	5	25	November 6, 2024

remove spacing

Related topics