Docs

[mrsnooch]

Hi,

I am having difficulties with Ubermenu’s submenu Vertical Full Height option, I have it selected but it seems to have no effect.

The URL is http://eveningandsaturdaytrainingcoursesbelfast.co.uk/

If you look, you can see that the Adobe, Digital Marketing and Microsoft submenus are very big in comparison to the parent menu. Because of this, I wish to have these 3 menus align to the top of the parent menu, which I believe the Vertical – Full Height will address. However, I have selected this by going to Appearance – Menus, hovering over Adobe, clicking Ubermenu and choosing it under Submenus, but it has no effect.

Can you please take a look?

Thanks
Mark

[mrsnooch]

This reply has been marked as private.

[Rupok]

Hi Mark,

Those menu seems working as expected and placing where it supposed to be. Would you clarify how you want them?

Let us know.

[mrsnooch]

Hi Rupok,

Thanks for your reply.

Please see attached for an image showing what I mean, with rough idea of how I want it to look on the right hand side.

Thanks
Mark

[Rupok]

Hey Mark,

I got you, thanks for the screenshot. Let’s add this under Custom > CSS in the Customizer.

.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item {
  position: static;
}

Hope this will do the job.

Cheers!

[mrsnooch]

Hi Rupok,

Awesome thank you that worked a treat!

Many thanks
Mark

[Rupok]

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

Thanks for using X.

Cheers!

[mrsnooch]

Hi Rupok,

I do have two more queries.

Firstly, the above code applies to all sub menus, is it possible to only apply to a select few?
Eg. Business only has 1 menu item, which is near impossible to get to as it’s too far up the screen, so the cursor will either leave the menu and close it, or select another sub menu. I may do the same to Apple if it’s possible to change.

Secondly, do I edit the width of these child items, I was able to increase the width for the submenus under the ‘Submenu’ item within the parent menu, but the same seems to have no effect on these second tier items?

Thank you in advance,
Mark

[Rad]

Hi mark,

1. Yes, that’s possible.

Example,

.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item.menu_custom_css {
  position: static;
}

Then simply add menu_custom_css to your menu item’s class. And that will be applied to any item that has that class.

2. Yes, it’s only effective to the parent menu since it’s the direct child menu that will inherit it.

Thanks!

[mrsnooch]

Hi Rad,

Re-opening an old thread of mine as I have a problem similar to this, but it’s kind of opposite…

I have 2 menus, Adobe and Business where I only have between 1 and 3 menu items, which are attaching themselves to the top of the menu as per the left side of my original image upload above. How can I align these submenus with their parent, as moving my mouse to the right will only close the menu and not let me reach the child?

I have several lines of CSS in place, but have tried setting the CSS class in each menu, as well as removing any class, but I still have the same problem. The code I have currently is;

.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item {   position: static; background: #3d4550;}
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item a:hover {   background: #586677; }
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item.submenu-tall {   position: static; }
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item.submenu-small { !important   position: static; }
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item.submenu_custom_css {   position: static;   background: #3d4550;}
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item.submenu_custom_css a:hover {   background: #586677; }

The site is http://bigrockdesigns.badwolfproductions.co.uk

Login details below

Many thanks
Mark

[mrsnooch]

This reply has been marked as private.

[Lely]

Hello Mark,

You mean APPLE and BUSINESS submenu?
Please use the following custom CSS:

li#menu-item-463 ul {
    top: 130px;
}
li#menu-item-458 ul {
    top: 160px;
}

Hope this helps.

[mrsnooch]

Hi Lely,

This is perfect, thank you – and yes it was Apple :]

Thanks
Mark

[Rahul]

You’re most welcome!

Let us know if we can help with anything else.

Thanks for choosing the X-theme.

[Author]

Posts