[bvganevParticipant]

Dear Support,

My question refers to submenus in UberMenu plugin. I know you do not offer support for third party plugins, but in this case, the issue is related to the theme settings, and not the plugin’s (as stated in UberMenu’s knowledge base).

This is the website I’m working on:
http://spectro-group.com/teoxane/

On the first three tabs of the horizontal main menu on the home page, I have a mega submenu, configured with UberMenu plugin. I’d like the submenu to be full width, meaning to span on the whole width of the browser. In UberMenu’s setting the submenu’s width is currently set to “Unbound”.

The max site width is set to 900px, the site width 80%.

How can I make the submenu “avoid” the site width rule?

Thank you very much in advance!

[bvganevParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

We can stretch the Navbar to make your submenu fill the width of the screen. Please add the code below in your Appearance > Customize > Custom > CSS

.x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%;
}

That will, however, make the logo and the main nav move to the edges as that basically disables the Navbar’s container. If you’re OK with this layout, you can make a space to the left of the logo by adding the code below.

.x-navbar .x-brand {
    margin-top: 13px;
    margin-left: 20px;
}

If you need to retain their positions, structural changes are required. Implementing it falls outside the scope of our support though. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thank you for understanding.

[bvganevParticipant]

Hello,

I used both of the codes you suggested and obtained just the result I was looking for. Thank you! Great support once again!

[ThaiModerator]

Glad it worked 🙂

If you need anything else, please let us know.

[montanojr7Participant]

Yo bvganev, I am considering using ubermenu for x theme. In your opinion Does the plugin work seamlessly with x? Any bugs or super custom coding needed?

I am trying to achieve this submenu: https://www.rolls-roycemotorcars.com/en-GB/home.html (click menu)

[JackKeymaster]

Hi there!

Thanks for writing in, you shouldn’t need much custom code to get Ubermenu working perfectly with the X theme, there’s a great integration guide on the UberMenu site here http://sevenspark.com/docs/ubermenu-3/theme-integration/x

Let us know if you have any problems, we’re here to help.

Thanks!

[Author]

Posts