Docs

[Gee R]

Hello,

Sorry to post this here, but I’ve not idea where else to go. I don’t have a technical issue as much as a implementation issue (apologies in advance to the forum moderators). I thought of posting on the Facebook group, but I’ve been banned from there 🙁

My issue: I need help from someone who understands how to set-up UberMenu for an X-based site. No customizing involved. I’ve been trying to set UberMenu up for the past 4 days, but I’m no closer.

Anyone who can help please DM me.

Thanks in advance.

[Christopher]

Hi there,

Please check this KB article : https://community.theme.co/kb/integrated-plugins-ubermenu/

Hope it helps.

[Gee R]

Thanks, but I’ve already checked that. I’ve also gone through the SevenSpark documentation a number of times. For the life of me, I cannot work out how to get the menu looking the way I want.

Happy to pay someone to help me. Anyone??

[Rad]

Hi there,

What problem you’re getting? Once Ubermenu is installed and active, then you’re all set. Does it appear?

Thanks!

[Bell_Lodge]

Have you checked in at the Facebook X Theme Users Group? If not I would recommend doing so, you might be able to find someone there who can help, otherwise try http://www.xthemeusers.com/professionals/ List Your Info there and someone might be able to help..

Best of Luck..

[Gee R]

@Rad: not so much a technical issue, more a series of brick walls I’m hitting related to configuring Ubermenu.

@Bell_Lodge: Thanks for the suggestions. As I mentioned in my original post I am unable to use the Facebook group, but trying xthemeusers is a great call. Thanks!

[Bell_Lodge]

No worries, hopefully you will get some help from there, otherwise I can get info onto the Facebook Group (hopefully) 🙂

[Rupok]

Hi @kexino

If you could explain your issue, we might point you something. Unless it’s something related to custom development, we’ll be happy to assist you.

Cheers!

[Gee R]

@Rupok OK here are a few to start with:

1) Alignment
When I apply the CSS:

.ubermenu {
    float: left;
    position: fixed;
    width: 100%;
    top: 23px;
}

(as per comment #1021623) the Ubermenu submenus extend past the confines of the x-container element. Also the dropdown menu baseline is higher than the baseline of the header element.

2) When using a smaller viewport, the “Hamburger / Menu” icon isn’t in line with the logo (need to add padding-top)
3) When using a smaller viewport, how do I reduce the sizes of any images contained within Ubermenu submenus?

[Rad]

Hi there,

Would you mind providing your site’s URL? I’m not sure what you’re getting.

Thanks!

[Gee R]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
    float: none;
    display: block;
    margin: 0 auto !important;
    width: 80% !important;
    min-width: 80% !important;
}
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    top: 16px;
    position: relative;
}
@media (max-width:767px){
.ubermenu-submenu img {
    width: 50%;
}
}

Hope that helps.

[Gee R]

Thanks. This is already an improvement.

However:

1) The last top-level menu item is still outside of the .x-container.max.width area
2) the breakpoint (where the Ubermenu submenus appear) is above the x-navbar-inner element

Thanks in advance

[Christopher]

Hi there,

Please add this :

ul#ubermenu-nav-main-4-primary {
    margin-right: 10%;
}

Find and remove this code :

.ubermenu {
    float: left;
    position: fixed;
    width: 100%;
    top: 15px;
}

Hope it helps.

[Gee R]

Thanks. That moved the Ubermenu, however it’s now no longer in line with the logo.

Please advise.

[Author]

Posts