Bar Responsive in Pro

[martinleib]

Hi, I have created a basic Bar in the Header part of Pro. I have then put a Text container in it as well as Navigation Inline. This covers the width of the screen. When viewing it in any other size except full desktop - ‘XL Full 1200 px and Up’, the text does not reduce in size and move in position so it is Responsive.

I have clicked the Child Placement as Row, selected Wrap for this and Align Horizontal is ‘S-Between’ and Align Vertical is Center.

Can you let me know what I need to do to make the Header/Bar/Containers Responsive please.

Thanks.

[rad]

Hi Martin,

Thanks for reaching out.

The Pro custom header doesn’t behave as standard X header, in X header, the menus are automatic since there si no way to edit it. But in Pro header, you will have to manually manage it using Hide during breakpoints feature. Please check this https://theme.co/apex/forum/t/hide-during-breakpoint-explained/17378

You will have to display an inline menu for larger devices, and collapse menu for smaller devices and you can do that by utilizing that Hide during breakpoints option. You can also check our videos here related to headers https://bit.ly/33tmMFh

Cheers!