Homepage options that I can't find in theme

Support
#1

Hello, I would like to have the home page of my website be a full image, with a transparent header bar and navigation bar, and then all other pages have the regular header bar and nav bar. Can someone please help me accomplish this? I’ve put an example below:

#2

Hi April,

Thanks for writing in!

The feature you are looking for the header bar is not available in X theme. You need custom development for that.
I would suggest you please check our other product called PRO which has more feature like header and footer builder, which will help you to make a similarly designed website.
Also, you can create multiple headers to use different pages.

Thanks

#3

Hi, thanks for your reply!

Is there not CSS I can use to make the nav bar and header transparent?

We used this builder for my work webpage and they were able to show us how to do it,

Thanks!

#4

Hi April,

You could use Revolution Slider with fullscreen layout and an image layer https://www.themepunch.com/revsliderjquery-doc/layer-content/#image.

Then you can add it to your home page as content or masthead slider. https://theme.co/apex/forum/t/extension-revolution-slider/71

Then implement this CSS to Theme Options > CSS https://theme.co/apex/forum/t/code-snippet-stack-the-navbar-over-the-masthead-slider/275

Thanks!

#5

Thanks, that was great! Is there a way to put the nav bar in the middle of the page, just for the home page?

Basically, I’m trying to make the home page JUST the logo and nav bar, so I don’t want the nav bar pushed to the top.

#6

Hi April,

To center the navbar on the homepage, please add this to Theme Options > CSS

/*center the navbar on the homepage*/
@media (min-width: 980px) {
	.home .masthead.masthead-stacked {
		min-height: 100vh;
	}
	.home .masthead.masthead-stacked .x-navbar-wrap {
		position: absolute;
    	top: 50%;
    	width: 100%;
	}
}

Hope it helps,
Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.