[Benjamin]

Hey there,

I need to fix header and primary menu at the top of the pages, that scrolling does not affect them. How could I do this with custom CSS?

Br
Ben

[Theme Horse Support Team]

Hi Benjamin,

To fix header and primary menu at the top of the pages go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

.hgroup-wrap,
#access {
    position: fixed;
    width: 100%;
    z-index: 100;
}
.hgroup-wrap {
    background-color: #fff;
    top: 0;
}
#access {
    top: 105px;
}

Thank you!

[Benjamin]

Thanks a lot. It works very well. Is it also possible to show and fix slider bar?

Br
Ben

[Benjamin]

I’m afraid, but I saw that the first lines of the pages are missing.

Br
Ben

[Theme Horse Support Team]

@mail16 Sorry! Please add below Custom CSS too

.header-main {
    margin-top: 155px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hgroup-wrap, #access {
		position: fixed;
	}
	.header-main {
		margin-top: 0;
	}
}

Thank you!

[Benjamin]

Thanks guys!

[Theme Horse Support Team]

You welcome Benjamin

Thank you!

[Author]

Posts