Ubermenu vertical submenu within horizontal Menu

Support
#1

Hi!

I’m having trouble in my website http://cruzrojasaltillo.org/

I don’t know if this goes withing the scope of your support but here goes nothing.

I’m trying to

  1. Change the submenu to a vertical submenu while keeping the menu as it is.

  2. Add an underline when hovering under different elements

The second question might be quite easy but I can’t seem to find the option. As for the first question, please help! =)

#2

Hello There,

Thanks for writing in! Regretfully the given url is under in construction mode. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a secure with the following info:
– Link to your site
– WordPress Admin username / password

Thank you.

#3

silly me, added the note!

#4

Hi There,

1.) Please check this documentation: http://sevenspark.com/docs/ubermenu-3/vertical/submenu-alignment

2.) See this: http://sevenspark.com/docs/ubermenu-style-menu-items and this too: http://sevenspark.com/docs/ubermenu-current-menu-item

Hope this helps.

#5

Hello!

I had checked the documentation before asking, however went through what you suggested.
The first link helps with vertical submenu alignment in a vertical menu. However I want to have a vertical submenu within a horizontal menu.

Playing around with chrome development tools I found the submenu has no ID but has the following Classes:

class=“ubermenu-submenu ubermenu-submenu-id-61 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full-width”

tinkering with this classes I found that if I change the

class “ubermenu-submenu-align-full-width” to “ubermenu-submenu-align-vertical”

and add some custom CSS I can achieve the desired result.

This however, brings more questions I hope you can help me with

  1. How do I remove a class and add another one to an existing element that has no ID?
    I believe I can do it with jquery but I don’t know how, can I get any advice?
#6

Hi there,

Using jQuery code, in this case, is not the correct way to do the settings. I went to your website and clicked on the parent item Uber menu settings and set the sub menu settings as below:

Now if you see the front end of your website the menu is vertical:

Hope it helps.