Header builder menu isn't going mobile?

Hi,

I’ve just created a new header using the Hero template and swapping the image for a video. I can’t figure out how to make the menu go to a mobile version on smaller screens and how to make the video poster image for mobiles resize to fit the screen.

Anyone got any ideas?

Cheers

Hi There,

On the header builder every BAR, Container, element offers a customize tab.

When you click on it, you have the option to hide the element on certain screen sizes.

On the header builder, the mobile menu does not appear automatically, so you need to hide your inline menu on mobile, and add a menu element that is suitable for mobile, click and hide on the other screens where you dont want it to appear.

You can do the same with the other elements creating specific elements for each screen width if necessary.

Hope it helps