Docs

[drawone]

Hello,
I want to place my logo and navbar on top of the slider and make theme transparent like in this theme. (http://athemes.com/theme/sydney/)

Is this possible with X theme? Currently I am using Integrity.

Thank you!

[Rupok]

Hi there,

Yes it’s possible. Let’s assign a slider below masthead and setup a Fixed Top Navbar. Then provide your URL so that we can suggest you some code.

Cheers!

[drawone]

Wow thanks for the quick reply!
My website is http://www.seanyoon.com

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media(min-width: 980px) {
.home .masthead  {
            position:absolute;
            width:100%;
            background-color:transparent !important;
     
       }
       body.x-navbar-fixed-top-active .x-navbar-wrap {
            height: auto;
       }
.home .x-logobar,.home  .x-navbar, .home .x-topbar  {
    background-color: transparent !important;
    box-shadow: none;
    border: 0;
  
}
  }

.x-navbar .desktop .x-nav>li>a {
    border-right: 0px ;
 
}

Hope it helps

Joao

[drawone]

Thanks!!!!

[Joao]

You are welcome,

Joao

[drawone]

Just out of curiosity, if I want the navbar and logo at the bottom of the slider, which part of the css, should I change? or is it going to be the wholed different code?

[Joao]

Hi There,

Than you can add margin-top: -200px; to the masthead:

@media(min-width: 980px) {
.home .masthead  {
            position:absolute;
            width:100%;
            background-color:transparent !important;
            margin-top: -200px;
       }
       body.x-navbar-fixed-top-active .x-navbar-wrap {
            height: auto;
       }
.home .x-logobar,.home  .x-navbar, .home .x-topbar  {
    background-color: transparent !important;
    box-shadow: none;
    border: 0;
  
}
  }

Hope it helps

Joao

[Author]

Posts