Header Size

Hello,

I tried a lot of solutions here but nothing worked for me.
I want my header to be shorter but i dont know how to do that.
Here is the whole code i have in the custom css section:
And photo in the attachement : ). Thank you!

#header .bottom-header.blog {
padding: 0px 0 0px 0;
display: none;
}

#header .top-header .header-navigation ul li a {
color: #fff;
font-size: 16px;
font-weight: 200;
line-height: 0px;
padding: 0px 0px;
}

#header .top-header .header-navigation ul li a:hover {
color: #fff;
}

#blog .blog-post .blog-post-title{
display: none;
}

.header-button-one,
.header-button-two{
display: none !important;
}

#footer{
display: none;
}

Hello there,

I hope you are doing well today.

Could you please provide a link to the website so that I can see the page and provide you with some CSS code to change the header?

Best Regards,
Support

Hello!

The website address is http://dreamydots.com/

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

#header .top-header{
  padding-top:0px!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support

Thank you so much. Do you know what i have to do to center it? now int not the same padding above and under the menu : ).

Thanks in advance!

Hello there,

I hope you are doing well today.

You can use the following CSS code to center the menu by going to Appearance > Customize > Additional CSS and pasting it there.

/*Center Menu*/
.top-header .col-sm-4.col-xs-8 {
    display: none;
}
@media (min-width: 768px)
.col-sm-8 {
    width: 66.66666667%;
    margin-left: 70px;
}
}

Best Regards,
Support

Hi thanks for reply but it doesnt work. In the attachement is what is happening when i paste the code you have sent. I want menu to have the same space above and under.

Thank You in advance

Hi there,
Thanks for keeping in touch with us.

Kindly add and save the following code to Appearance > Customize > Additional CSS:

#header .top-header .header-navigation > ul {
    margin-top: 10px!important;
    margin-bottom: 10px!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support