[fritzhesse]

Hello Sakin,
Using Catch Everest Pro
Our site is : http://www.lacostafilmfestival.com

I have see some other websites that have the top part (header and menu bar) stay fixed at the top even when you scroll down to the bottom. An example is http://sdfilmfest.com/. Can this also be done without too much effort on Catch Everest Pro? If so – is it possible for you to share the instructions to do so?

Thanks!

[Sakin]

@fritzhesse: This is complicated in responsive theme as you need to check on mobile devices. The site you have given in reference is not responsive design so it’s easier there.

Try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1061px) {
	.site { position: absolute; }
	#masthead {
		background-color: #FFFFFF;
		display: block;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	#hgroup-wrap,
	#header-menu {
		margin: 0 auto;
		width: 990px;
	}
	#main {
		padding-top: 168px;
	}
	.home #main-slider {
		padding-top: 168px;
	}
	.home #main {
		padding-top: 40px;
	}
}
@media screen and (min-width: 1190px) {
	#hgroup-wrap,
	#header-menu {
		width: 1140px;
	}
	.home #main {
		padding-top: 50px;
	}
}

[fritzhesse]

Thanks – this looks like it may work very well for us. Some questions for our research but this is very helpful – thanks!

[Author]

Posts