Docs

[willis1971]

Hi Guys
Can you tell me how I create a transparrent Nav Bar like this website

http://antonyturnerpermanentmakeup.com/

Thanks

[Rahul]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. 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.

[willis1971]

Thank you.

It’s http://www.aprillui.co.uk/wp-admin

willis1971
Football_7

Also customiser is not updating. I have a pink colour which I ca’y get rid of.

[Joao]

Hi There,

Please add the following code to Appearance Customizer Custom CSS:

 .x-navbar {
            position:absolute;
            width:100%;
            background-color:rgba(0,0,0,0.5) !important;
            box-shadow: none;
            border: 0;
       }
       body.x-navbar-fixed-top-active .x-navbar-wrap {
            height: auto;
       }

.x-navbar .desktop .x-nav>li>a {
    border-right: none !important;
    border-left: none !important;
}

Than adjust on Appereance Customizer Header your:

Navbar Top Link Alignment (px) to 35.

and

Navbar Top Height (px)to 84

Hope that helps

Joao

[willis1971]

Hi Joao
It was working yesterday, today it has completely disappeared.

[willis1971]

This reply has been marked as private.

[Joao]

Hi There

Upon Checking your website it looks different from the last time.

Have you installed any plugin since? It might be conflicting with X because your Navbar is not even showing.

Let us know more details

Thanks

Joao

[willis1971]

No Nothing, it’s just disappeared off the home page.

[Joao]

Hi There

You had selected the page template without a header. I have changed for you.

Try adding this code to your Appereance Customizer Custom CSS in order that the slider button dont overlap with the navbar.

.tp-caption .rev-btn {
margin-top: 70px;
}

Hope that helps

Joao

[willis1971]

Hi Joao
Well done thats brilliant. On the posts page and portfolio the navbar covers the search box, how can I move the search box down a few lines so we can see it?

Thanks again for your help

[Joao]

Hi There,

FInd this code:

 .x-navbar {
            position:absolute;
            width:100%;
            background-color:rgba(0,0,0,0.5) !important;
            box-shadow: none;
            border: 0;
       }

And replace for this code:

.home .x-navbar {
            position:absolute;
          
       }

 .x-navbar {
           
            width:100%;
            background-color:rgba(0,0,0,0.5) !important;
            box-shadow: none;
            border: 0;
       }

Hope that helps

Joao

[willis1971]

Hi Joao
Where do I find that code?

[Joao]

Hi There,

Appereance > Customizer > Custom > CSS

Hope that helps

Joao

[willis1971]

Thank you Joao.

[Rue Nel]

Hello There,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts