remove spacing

[manan123]

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 :

Reference image:

[Moeed]

Hey @manan123

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-HDL]

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:

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

[Tech_Coding]

Hello @manan123

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .shopify-section-group-header-group.section-header { margin-bottom: 0 !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Rahul_dhiman]

Hello @manan123

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 20px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[manan123]

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]

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]

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]

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

[BSSCommerce-HDL]

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:

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

[manan123]

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

[BSSCommerce-HDL]

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

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. 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%; } } .search-modal.modal__content.gradient { background: #fff !important; } input#Search-In-Modal, div#predictive-search-option-search-keywords { background: #fff !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[manan123]

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

I want it white

[manan123]

Hii, Thanks but outer colour is changed but inner colour is not changed please give me updated code

[BSSCommerce-HDL]

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

[Tech_Coding]

Add this code also

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.predictive-search { background: #fff !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[manan123]

Thank you sooo muchh!!

[BSSCommerce-HDL]

@manan123 , No problem. Glad to help you

[manan123]

Thanks man you made my day!!