Docs

[liealexius]

Hi,

I need your help to suggest:
1. how to make the search icon go to the right side of the menu, and set the colour to white
2. The menu background colour at the moment have two colour when you open the web page. I just want it to have light blue color, and when hover the colour become dark blue, how to do it?
3. The width of menu also at the moment is smaller than the top bar and the content. how to make it the same width?

My website: http://karirakademi.com

Kindly need your help

Thank you

Alexius

[Paul R]

Hi Alexius,

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

.x-navbar .menu-item.x-menu-item.x-menu-item-search {
    line-height: 46px;
    padding: 0 10px;
    display: inline-block;
}

.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, 
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, 
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    background:#004370;
}

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

Hope that helps.

[liealexius]

Hi Paul,

Thank you for your feedback. I tried it, issue no.3 is solved.

Issue no 1, the position of the search icon was solved, but need your advice on how to change the colour and the hover colour.

Issue no 2, the issue still there, when open the page still there is two color before is black and light blue now become dark blue and light blue. I want only light blue colour only.
Also the hover colour still black.
How to eliminate the black colour line in the menu?

Kindly need your help

Thank you

Alexius

[Christopher]

Hi there,

Please add following code as well:

a.x-btn-navbar-search:hover {
    color: #fff;
}
a.x-btn-navbar-search {
    color: red;
}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #004370;
}

Hope it helps.

[liealexius]

Thank you Paul,
The code you gave me solved the issue.

Just one more thing: How to eliminate the black colour line in the menu? you see between each menu there is thin black line. How to make it the same colour with the background colour menu (light blue)?

Regards

Alexius

[Paul R]

Hi Alexius,

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

.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
    border-left: 1px solid #4094cd;
}

Thanks

[liealexius]

Thank you Paul. This solve all issue.

[Paul R]

You’re welcome! 🙂

[Author]

Posts