Pro Header Menu and Ubermenu

Hey,
I like the Pro Header Menu’s mobile look. I also like the Ubermenu’s desktop look. Is there a way to turn both the Ubermenu and the Pro Header Menu on at the same time. I can then use css and @media to display:none. I am well versed in CSS, I just can’t figure out how to get them both on at the same time.

When I turn on the Pro Header Menu I have, it turns off the Ubermenu and vice versa.

Any help would be greatly appreciated. Thank you!

Hello Tyler,

Thanks for posting in!

Actually, you do not need to use @media css when using Pro Header builder. Simply utilize the “Hide During Breakpoints” option in the container to show/hide which container in specific screen size. For example, in your custom header, you have a bar with three containers. Let assume that the 1st container contains the Logo image, the second one is the Ubermenu navigation and the 3rd container is the navigation collapse or navigation layered element. you can show/hide the 2nd and 3rd containers by enabling/disabling it using the “Hide During Breakpoints” options. To lear more how you can show/hide an element, please check this documentation:

Hope this helps.

Hey, yes I am aware of that. Is there a way to turn both the Ubermenu and the Pro Header Menu on at the same time?

Hi Tyler,

Yes, you could do that. Just add your Ubermenu shortcode to a text element, and you can control that text element’s visibility using the Hide During Breakpoints feature.

Thanks!

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