Docs

[apdebernardo]

Hi – I’m trying to build out a new site and I have a particular look in mind for the header/logo and the nav bar. I tried to find demo content that had many of the features I needed thinking I could just tweak it. I’m having trouble tweaking away the white background behind the logo bar! I’ve attached a mock up of what I’m trying to achieve and a mock up of what I have now. In addition to the logo bar background, I’d also like some direction on how best to get the accent detail on the nav bar area. Can I just use css to style the area? Will that go over the background image or should I put any elements I want in the background image and just work on a hover detail?

My site is in maintenance mode, so I will post url and login info in a separate, private post below.

Sorry for so many questions. This is my first time trying to make something far off from a demo.

[apdebernardo]

This reply has been marked as private.

[Jade]

Hi there,

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

.x-logobar-inner .x-container,
.x-navbar-inner .x-container {
    max-width: 100%;
    width: 100%;
}

.x-navbar-inner .x-container {
    background-color: rgba(128,128,128,0.5);
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
}

Hope this helps.

[Author]

Posts