Docs

[DavKova]

Hi,

I’m experimenting a little with my site so I’m trying to make both Topbar and Nabar transparent, while extending the image under them from my content. I added the following code:

.x-navbar {
  background-color: transparent !important;
  border: 0;
}
.x-logobar{
  background-color: transparent !important;
}
.masthead {
height:0px;

}
.x-topbar {
  background-color: transparent !important;
  border: 0;
}

and the result is in the attached file. I don’t know what happened with my content, but can you help me correct it? Also, how do I remove the Navbar border? I set it at ‘0’ but it’s still there…

Thanks.

[DavKova]

Here’s the image X-Capture.PNG

http://imageshack.com/a/img923/8435/wyqysn.png

[Joao]

Hi There,

You can use this code to do that:

.masthead {
height:0px;
}
.x-topbar {
  background-color: transparent !important;
  border: 0;
}
.x-navbar {
     background-color:transparent;
     border:0;
     box-shadow:none;
     position: fixed;
     width:100%;
}

Hope that helps.

Joao

[DavKova]

Sorry but your code didn’t do anything new – I still have empty content space on the left of the masthead – I tried adding a 100% width but that also didn’t do anything.

I did manage to remove the line above the Navbar by adding a .x-logobar{border:0;} rule.

[DavKova]

I tried disabling the Topbar – then everything works great but I’d like to keep the Topbar. As it is, nothing I tried seems to do anything.

[Rue Nel]

Hello There,

Thanks for the updates! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[DavKova]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

.x-topbar {
    background-color: transparent !important;
    border: 0;
    width: 100%;
    overflow: hidden;
    float: none;
}

Hope it helps.

[DavKova]

That did the trick. Thanks a ton. 😉

Cheers!

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts