X PRO with Uber menu breaks in responsive

[sfensham]

Hello there! So this is my first post. I use X theme for all our web sites for quite a while now, im no programmer nor designer but i try my best. I was having a great deal of issues before disovering X PRO, so i went straight ahead and purchase it for a new site im doing. So far so GREAT!, and im sure im missing some trivial config in X PRO headers (and footers), so here it goes.

So, i use UBERMENU for my sites, its responsive and works great. The site im doing already has UBERMENU going on. It worked very well before X PRO header setup, responsive ok and everything, so far so good.

I made a somehow complex menu (For my skills anyway) were one option calls another submenu (took me a month to do it !)

Then i upgraded to X PRO, setup my Ubermenu with shortcode inside a text element and its works out of the box but with some issues:
1: Dont know how to make the Ubermenu 100% width, tried all configs already, need to add a extra menu element on the right so that it can display somehow correct (Still needs more width)
2: When responsive it basically breaks the Menu, theres no way of browsing the menu.

What im looking for is to be able to have ubermenu 100% width all the time, and to have a responsive menu the same way it works outside X PRO header setup.

The web site im playing with is : https://www.nextor.io/x_1/

Site is in devel and still very incomplete, the ubermenu option that works is Soluciones–>Teñefonia empresarial–>Troncales sIP

Hope you can give me a hint or point me to the correct direction

Thanks so much!

[rad]

Hi @sfensham,

Thanks for reaching out.

Please inspect the header bar where your Ubermenu is then make sure it’s dimension setting is applied like this

Hope this helps.

[sfensham]

Hey @Rad thanks for the super fast response. Already made the changes , indeed its now much better in responsive, but still menu isnt being displayed not full witdh in normal desktop monitor. If i remove the last menu element (VPS Central ----------------), menu is made much slimer. Could this be a Ubermenu issue instead of a X PRO Header config?

Thanks again

[rad]

Hi @sfensham,

Ah, you mean to make all menu items in one line, yes, it’s Ubermenu issue. But I don’t think it’s an issue since screen width is limited, adding more items will, of course, increase the width of the entire menu surpassing the device’s view, hence, items break into different rows. I recommend minimizing the amount of the menu items as much as possible.

Thanks!

[sfensham]

Got it working full width!, i needed to play around with container aswell. and its responsive aswell, thanks a lot!

Its amazing

[rad]

You’re most welcome!