Docs

[unluckynelson]

Hi there!

I’m still new in WP, and need your help.
Not sure how to set this conversation as private, so once it is, I will supply you with my url and password.

Attached is what my menu looks like (current nav bar)
And attached is how I want my completed menu to look like (Finished nav bar)

I’ve setup my menu in Uber menu, and I’ve added some code to put the image behind the menu.
What I still need is the following:
*Blue transparent faded block, bottom to top
*Contact bar alligned to the top of the flashing centre logo
*black transparent block behind menu and logo
*resizable logo alligned to right of the menu bar
*Breadcrums on the nav bar

I’ve supplied the logo as well.
Hope you can help me with this!

Kind regards,

Albertus

[unluckynelson]

This reply has been marked as private.

[Rupok]

Hi Albertus,

You can set your reply as private not the original post. So just create a new reply sharing your URL.

Cheers!

[unluckynelson]

This reply has been marked as private.

[Paul R]

Hi,

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

.x-navbar-inner:before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    background: rgba(0,0,0,0.5);
}

Hope that helps.

[unluckynelson]

Yes thanks! that already worked!
What I need next, is the blue fade from bottom to top (as in the image)
The blue is: #002e66

Thanks again.

[Paul R]

Hi,

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

.x-navbar-inner {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 51%, rgba(13,37,66,0) 72%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 51%,rgba(13,37,66,0) 72%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 51%,rgba(13,37,66,0) 72%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1e5799',GradientType=0 );
}

Hope that helps.

[unluckynelson]

It did help! Thanks!!!!!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts