Uber Menu on new Pro Theme Hidden in Headers Box

Support
#1

I have just recently switched from the X theme to the Pro theme. I do like that I am able to add more items in the header section since my previous site was looking pretty plain. I had a custom uber menu on my previous site before I switched over to the Pro theme. I would like to still use my custom uber navigation that I was using before switching to the Pro theme. The only problem that I am now having is that the Uber menu on the Pro theme is not showing the child submenus. Is there any recommended way of using the Uber menu with the new Headers box. Any suggestions on how I can fix this? My site is www.HealthCoreFitness.com
As you can see when you hover over the navigation, the submenu navigation cuts off. I prefer to use some CSS to fix this.

#2

I added this line of code to the headers css box.

.ps {
overflow: visible!important;
overflow-anchor: auto;
}

It seems that the Ethos theme uses this code, but it has this code instead. I changed it to the code above and it works for my uber menu.

.ps {
overflow: hidden!important;
overflow-anchor: none;
}

#3

Hi @IamAngelNavarro,

Glad it’s okay now and thanks for sharing.

For clarification, you don’t need any CSS for that. Please inspect the header bar where you added you Ubermenu. Then turn off the content scrolling. That option is used to allow scrolling which of course, to scroll, the rest of content is going to be hidden. Scrolling is no use if entire content is already visible.

Thanks!

1 Like
#4

Hello @Rad,

I erased the custom CSS and also turned off the content scrolling option within the bar section. It worked as mentioned.

Thanks,

#5

You’re welcome. Glad we could help.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.