Reduce the bottom margin of header in Debut theme

Solved
Inesso
Excursionist
36 1 8

Hello again Shopify Community!

I would like to reduce the bottom margin of the header in my store www.themainthingplanner.com as per the attached screenshot

I have looked on the forum at similar solutions, have tried the code, but none seems to work. 

Screenshot 2021-02-23 at 15.37.21.png

Any help would be much appreciated! 

KetanKumar
Shopify Partner
14414 1672 5182

@Inesso 

thanks for the post again

can you please just remove logo blank spacing 

KetanKumar_0-1614096503252.png

 

 

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
Inesso
Excursionist
36 1 8

Hi @KetanKumar - thanks for the reply. I would like the logo to be the same size, so not ot readjust but I would just like to reduce the margin of the header. I reduced the top margin here (in red):

but not sure how to change the bottom margin (e.g. bring it up)  

 


/*================ MODULES ================*/
.site-header {
position: relative;
background-color: var(--color-body); }
@media only screen and (max-width: 749px) {
.site-header {
border-bottom: 1px solid var(--color-border); } }
@media only screen and (min-width: 750px) {
.site-header {
padding: 0 55px; }
.site-header.logo--center {
padding-top: 30px; } }

.site-header__logo {
margin: 25px 0; }
.logo-align--center .site-header__logo {
text-align: center;
margin: 0 auto; }
@media only screen and (max-width: 749px) {
.logo-align--center .site-header__logo {
text-align: left;
margin: 15px 0; } }
@media only screen and (max-width: 749px) {
.site-header__logo {
padding-left: 22px;
text-align: left; }
.site-header__logo img {
margin: 0; } }

0 Likes
SagarSukhanandi
Tourist
148 24 41

@Inesso Add below style to your css

.site-header__logo{
margin-bottom: -10px !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Inesso
Excursionist
36 1 8

Hi @SagarSukhanandi - thanks for your response! Unfortunately this doesn't work either - Is there anything else I can try/that you can help me with? 

0 Likes
KetanKumar
Shopify Partner
14414 1672 5182

@Inesso 

no doesn't any code issue i will quick fix can you just add me on staff it's only minor image issue so i will generate and upload that's it 

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
SagarSukhanandi
Tourist
148 24 41

@Inesso Not able to find my code into your css.

Could you please add me as staff you i can make css changes

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
Inesso
Excursionist
36 1 8

Hi @SagarSukhanandi - I have added Ketan as staff - just because he asked first, no hard feelings

0 Likes
SagarSukhanandi
Tourist
148 24 41

@Inesso No problem. I can see both your issues are still not fixed. If you need my help then you can add me as staff

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
KetanKumar
Shopify Partner
14414 1672 5182

This is an accepted solution.

@Inesso 

Thanks for add staff i have done this can you please check and let me know if any change 

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