Docs

[Eric]

Hi Guys,

I cannot get the nav bar transparent on this site. I have done this on a couple of other projects, but something is weird about this one.

I’m using this css:
.x-navbar {
background: transparent !important;
transition: 0.2s all linear;
}

You guys have any ideas?

[Eric]

This reply has been marked as private.

[Joao]

Hi There,

It is transparent.

Your background is white,

You can test it by adding the following code to Appereance Customizer Custom CSS, this will pull your slider under the navbar.

.home .x-slider-container {
     margin-top: -150px;
}

Let us know if you need further help,

Joao

[Eric]

Perfect that worked. Thanks!

[Eric]

What would I use on the interior pages?

Thanks!

[Eric]

Nevermind. Got it!

[Joao]

Hi Eric,

Thanks for letting us know,

Have a great weekend!

Joao

[Eric]

Thanks – I have one last question. The mobile menu when click seems to push the slider down, creates a white background and you can’t see half the menu items. I have this exact setup on my site, but it doesn’t push the slider down. Can you take a look at this?

[Eric]

This reply has been marked as private.

[Lely]

Hello Eric,

That is because this site https://simplelogicdigital.com/ menu is set to be FIXED TOP. When menu is set to be static, the content below will adjust move below it as you open and closed the navbar menu. It just appears a little behind because of this custom CSS:

.home .x-slider-container {
     margin-top: -150px;
}

You might try also adding this if you still want your slider behind the menu on mobile:

@media (max-width: 979px){
.home .x-slider-container {
    margin-top: -558px;
}
}

Hope this helps.

[Eric]

Thanks for getting back to me. It kind of helped. I made the header fixed like my SimpleLogic site with a transparent header as you scroll down the site. But on mobile the slide stays put until it gets to certain size, then drops down still.

What else can I do?

Thanks for your support!!

[Christian]

Hey Eric,

Can you give us a screen recording so we could better see the issue?

Thanks.

[Eric]

I got it figured out. I just copied and pasted the CSS from the SimpleLogic site and it worked. I think there was some extra CSS in there that wasn’t necessary conflicting with what the site do could automatically.

Thanks again!

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts