Remove space above logo and menue / add a line below

Hey Jak73,

Please try the following in Quick CSS under Enfold->General Styling:

#header {
  margin-top: -40px;
}

#header .inner-container {
  border-bottom: 2px solid orange;
}

Best regards,
Rikard

Hi,

Please try this CSS as well:

nav.main_menu {
  bottom: -15px;
}

#header {
  box-shadow: none; 
}

Best regards,
Rikard

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header .inner-container {
    border-bottom: 1px solid #000;
}
#header_main .inner-container {
    height: 70%;
}
#header_main nav.main_menu {
    bottom: 0;
}
#main .container_wrap_first .av-special-heading {
	margin-top: 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,
It looks like you are using different layouts for the pages, your homepage has a transparent header, but the other page doesn’t. Please use the same layout for both so they will behave the same. When the transparent header is used the header changes on scroll, your other page will not have this.

Best regards,
Mike

Hi,
It looks like you removed the transparent header from the homepage, so now when you scroll down the header is is transparent and doesn’t become solid white, are you sure this is what you want?
Earlier the homepage used the transparent header so when you scrolled the header become solid white, I recommend going back to this and then make your other page the same.
I don’t understand the why you would add the custom classes.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike