Header responsiveness vs content responsiveness

[followme]

Hi there

It appears that my columns in the content is perfectly managing different device sizes. Not so the header, because there I have different elements.

Is the only option here to define breakpoints to avoid such a scenario as shown in this screenshot?

Thanks
Andreas

[prakash_s]

Hello Andreas,

Thanks for writing to us.

It seems that you are using Pro Header builder for header, inspect the Container and navigate to the Customize Settings. Here you would get the breakpoints for all the devices.

In case if you haven’t seen our documentation of how to hide or Show Content by Device Size Please have a look at this doc https://theme.co/docs/hide-or-show-content-by-device-size#example-using-different-navigation-elements-in-a-pro-header

Hope it helps
Thanks