Ubermenu not showing on mobiles

Support
#1

Next problem
I have made a header with 2 bars that looks good on desktops and laptops but once the screen gets smaller like a phone or a tablet the containers on the top bar look awful and the ubermenu vanishes completelyhttps://www.gc-photography.co.uk

#2

Hello @gordie303,

Thanks for asking. :slight_smile:

Looks like you are not using Ubermenu for navigation. Instead I see that you are using default Pro Theme header builder navigation. Can you please confirm?

Thanks.

#3

definitely using ubermenu (at least I thought i was

#4

OK just deactivated uber and you’re right
doesn’t explain why it all goes tits on smaller screens

#5

Ok so I figured out the menu thing on mobiles but the top bar isnt being responsive

#6

Hi @gordie303,

You should use multiple header bars then one for each target device. Then each bar has the different layout instead of just inline. Like stacked containers and you can use Hide during breakpoints option to achieve that. I also see that you already use that option but for text element, instead, you should use it in the entire bar.

And to change the layout of each header bar, you can utilize and change the flex layout until you see your desired rendering.

Thanks!

#7

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