Docs

[jezza_195]

Hi, am I able to user ubermenu for sidebars? In the ubermenu settings, my sidebar menus show up in the manual integration section but not automatic. Could you let me know how I would go about this?

One other question – I would like to change the width of the submenu so that it is not full width (I would like the submenu to be around the same width as the top level menu item it came from). None of the 3 options being menu bar / inner menu bar / unbounded accomplish this. And the options suggested on ubermenu’s site don’t appear to be on the X version.

Many thanks in advance

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

[jezza_195]

Hi Paul, it is herdcast.com

Thanks

[Paul R]

Hi,

Thank you for providing your site url.

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

.ubermenu .ubermenu-item-level-0 {
     position:relative;
}

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
     width:100%;
}

With regards to sidebar menu, can you provide us your wordpress admin login in private reply so we can take a closer look.

Hope that helps.

[jezza_195]

This reply has been marked as private.

[jezza_195]

Thanks for the help on the first issue.

Regarding sidebar, I sent the details privately. Ideally I’d like to be able to style the sidebar with either ubermenu or superfly. My end goal is to turn the sidebar into a collapsible drop down style menu accessible on the left or right hand side, that looks better on desktop but particularly mobile (instead of it being buried at bottom of page)

Thanks again for your help

[Lely]

Hi Jezza,

Thank you for the credentials. To implement ubermenu on a sidebar, we need a few customization. Please follow the following.

1.) Create the sidebar menu on Appearance > Menu.
2.) Go to Appearance > Ubermenu > Main Ubermenu Configuration > Manual Integration > Integrate Specific Menu > Select the Sidebar menu and then copy the code.
3.) Copy the file wp-sidebar.php from \wp-content\themes\x\framework\views\ethos to this folder \wp-content\themes\x-child\framework\views\ethos. Open the copied file and paste the code you have copied earlier.
4.) Now, the sidebar will now displayed the ubermenu we have just create. Next step is to style it the way we want. Please check this guide now:http://sevenspark.com/docs/ubermenu-3/multiple/configurations. We need to create a special configuration for this sidebar ubermenu.

Hope this helps.

[Author]

Posts