Docs

[Pablo F]

Hi,

As I can see this question have been made many times and I have lost a half an hour trying to fix this issue with many other of your solutins without success.

Capture 1

As you can see, the search button is placed at the center bottom of the navigation bar. How could it be fixed placing it to the right of the main navigation bar as expected, in grey color instead red?

Capture 2

No matter the Uber Menu settings I´m trying, the secondary menu items are aligned to the left and the with of the submenu is the same of the main navigation bar. How could the items be centered below their parent item, and make the submenu width narrowed to fit just the 3 items?

Thank you.

[Pablo F]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > CSS in the Customizer.

.menu-item.x-menu-item.x-menu-item-search {
display: inline;
line-height: 48px;
}

#2. Your submenu is set to be fullwdith. If you can’t configure the settings, you can use this CSS :

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
  width: auto;
}

Hope this helps.

Cheers!

[Pablo F]

It worked!

But for some reason, as you can see in the capture, the submenu is aligned to the left below the navigation bar item.

Do you know how to fix it?

Is it supposed that these submenu settings could be setup without custom CSS? I´ve tried many combinations but no one works here.

Thank you.

[Pablo F]

Just another question while waiting for your answer, as you currently have the login to my site:

How could the sidebar completely be removed at the /proyectos (portfolio) page and turn this page fullwidth?

EDITED QUESTION (SOLVED): I have found it in the page editor Layout > “Full width”.

[Paul R]

Hi,

Glad you were able to figure it out. Have a great day! 🙂

[Pablo F]

You too Paul,

But my previous message was not answered yet… Do you have any clue to solve it?

for some reason, as you can see in the capture, the submenu is aligned to the left below the navigation bar item.

Do you know how to fix it?

Is it supposed that these submenu settings could be setup without custom CSS? I´ve tried many combinations but no one works here.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.ubermenu .ubermenu-submenu .ubermenu-column {
    float: none;
}
.ubermenu .ubermenu-item {
text-align: center !important;
}

Hope it helps

Joao

[Pablo F]

Than you Joao,

But maybe I haven´t explained so well.

As you can see in the attached captures:

m1 (your solution): it´s not what I need.
m2: that´s the way it looks now.
m3: the way it should work.

Thank you.

[Nabeel A]

Hi again,

It looks good on my end now, may be you’ve added another sub menu item. However to centralize it, you can add this code in your Customizer:

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width, .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar {
    left: 70px !important;
}

Adjust the left value as per your need. Let us know how this goes!

[Author]

Posts