How can I remove the white space between the header and the navigation bar?

Im having some trouble removing the white space between my header and navbar on all of my websites pages. Here the link to the webpage : https://acsg.co.th/ T T

Hello,

First thanks for using our theme!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

.site-header {
    position: relative !important;
}

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Hello,

Thanks for reply to me T T.

Now it seems to that the navbar’s space has increased. I’d like to move the navigation bar to the top of the page.

I am currently using the following code:

.home h1.site-title {
display: none; }

.master-slider-parent {
margin-top: -25px;
}

.site-header {
position: relative !important;
}

Best Regards,
Zephyrlz

Please Help me T T. i’m stuck with this long time ago Orz.

Hello,

Sorry the delay here, but we need to reply for Sydney Pro users first.

Please try adding the given custom CSS code below at Appearance > Cutomize > Additional CSS:

.site-title,
.site-description {
	display: none;
}

.site-header {
	background: #FFF;
}

/* Adjust logo position */
.quadmenu-navbar-brand.img {
	position: relative !important;
	top: 10px !important;
}

/* Adjust search icon position */
.astm-search-menu > a {
	position: relative !important;
	top: 20px !important;
}

Note that I’ve also fixed the logo and search icon position.

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Oh, thank you very much.

It looks beautiful !!

Last one if I want to adjust Footer’s area such as top or bottom.

What CSS code can adjust it?

now, i’m currently using the following code (that you gave me and mixed some code):

.site-title,
.site-description {
display: none;
}

.site-header {
background: #FFF;
}

/* Adjust logo position */
.quadmenu-navbar-brand.img {
position: relative !important;
top: 10px !important;
}

/* Adjust search icon position */
.astm-search-menu > a {
position: relative !important;
top: 20px !important;
}

#sidebar-footer > .container {
width: 85%;
}

.footer-widgets {
padding: 30px 0;
}

#sidebar-footer {
background-color: #003366;
}

Best Regards,
Zephyrlz

Sydney Pro 2 - Simple solution go to Customse > Extra Options > Header Contact Info - Then Untick Activate the header contact info? This will remove the space above your menu!

Hello Zephyrlz,

Great that the header issue is now resolved!

Could you please open a new topic with the footer question ? This way we help others Sydney users when searching for questions in this forum.

As we resolved the header question, I am closing this thread. And wait for you new topic about the footer question.

@susanhedley
Thanks for the suggestion! But this case is a bit different, since Zephyrlz is using a third party plugin for the header navigation.

Kind Regards,

Rodrigo.

aThemes Support