Docs

[re.fresch]

Hi!

1. I’m using Integrity and for our splash site, we do not require a menu as this will be a one-pager. We just want our logo in the “Header” bar and if possible, a short descriptor line, for example: [LOGO] Welcome to our site… At the moment, I’ve achieved this by just turning the menu and roll-over to white. But then it still shows up as a button in mobile, so I’d like to remove the need for it altogether, if possible.

2. As we do not require a blog, how can I create a clean single page for the home page where I can start to build up my elements?

Our dev site is: http://e0a.da6.myftpupload.com

Thanks!

[Rupok]

Hi there,

Thanks for writing in!

#1. You can use this CSS instead :

.x-nav-wrap, .x-btn-navbar {
  display: none !important;
}

#2. You can just create a page and set it as Home page from Settings > Reading. You don’t need to worry about the blog anymore.

Cheers!

[re.fresch]

Thank you so much! And if we wanted to eliminate the top nav bar (header) altogether and just use something like slider revolution to build the page, what code would we need to hide it entirely?

THANK YOU!

[Rupok]

Hi there,

In that case you can use this to remove the header altogether :

header.masthead {
  display: none;
}

If you want to keep the logobar and remove the navbar then use this instead :

.x-navbar-wrap {
  display: none;
}

Hope this helps.

Cheers!

[re.fresch]

This reply has been marked as private.

[Paul R]

Hi,

1. You can add this under Custom > Edit Global CSS in the Customizer.

body .x-logobar {
     position:fixed;
     width:100%;
     top:0;
}

2. You can add this under Custom > Edit Global CSS in the Customizer.

.home .x-container.offset {
    margin-top:0;
}

Hope that helps.

[re.fresch]

This reply has been marked as private.

[Christian]

Hey there,

Code has been given in the previous reply.

Thanks.

[re.fresch]

Brilliant! (sorry)

Lastly on this point, is there a way to control/change the colour of the logo bar?
It’s white and I’d like to make it a different colour.

Thank you!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-logobar{
background-color:red;
}

Hope that helps.

[Author]

Posts