Docs

[liz80y]

Hi,

I currently have a main menu designed using the Ubermenu. I was considering changing it to match another menu i saw and was wondering if you could tell me if i would be able to reproduce this same look using Ubermenu or x-theme.

I have attached a pic of the menu i like and my current menu. I like how the main image fills the entire screen and the manu bar runs infront with the logo being quite prominent.

Thank you for your help.

[liz80y]

This reply has been marked as private.

[liz80y]

Here is the new menu i was considering changing to..

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS

.x-navbar {
    background-color: transparent;
    border-bottom: 0;
}

.x-slider-container.below {
    margin-top: -95px
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer.

Thanks for understanding.

[liz80y]

Thanks so much for helping me with this. Everything worked fine.

I have a few other questions, if they are classed as custom development, please disregard.

1. I have recreated my logo so it suits the new menu. I was wondering if there was a way of moving the menu bar across to the left to join up with the logo and aligning both so it all sits nicely in the center of the page?

2. When i click on the search option in the menu the search bar is below. Is there a way of having the search bar fit in the actual menu bar next to the search icon? I don’t mind if you can see it permanently or whether it just appears when you hover on the search icon, so long as it’s in the menu bar.

Thanks again 🙂

[Christopher]

Hi there,

Please add this code :

@media (min-width: 980px){
.ubermenu-responsive-default.ubermenu {
    float: left;
    margin-left: -17px;
}
}

#2 It’s drop dawn menu and editing it requires custom development which would be outside the scope of our support. You can enable X’s search under Customize -> Header.

Hope it helps.

[liz80y]

Thanks. All fixed 🙂

[Rupok]

You are welcome!

Glad that it fixed. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts