Layout in to header

[ICT73]

Hi guys, I can’t get a responsive layout in my custom header. Unlike the content there is no Layout section and with the flexbox I do not get the alignment in the column under a certain amount of px. How can I solve?

[ruenel]

Hello @xonetit,

Thanks for writing in!

To get your issue resolve, please edit your custom header and create two Hero bars. One hero bar is for desktop screens with the two divs side by side. On the second hero bar, you will have to set up the divs stacked below each other and this is only visible for smaller screens. You can make use of the “Hide During Breakpoints” option in each of the bar settings. To learn more about the “Hide During Breakpoints” option, please check this out:

• https://theme.co/docs/hide-or-show-content-by-device-size

Hope this helps.

[ICT73]

thanks ruenel works fine now, but will there be a layout management in the future as in the content? will you implement changes based on size selection as in thrive architect or Elementor?
Also now I have the problem with the text not becoming responsive, how can I fix it? thank you.

[marc_a]

Hi @xonetit,

Our development team is focusing on the responsive features on the mobile. We will just wait for the future updates if there will be a layout management as in the content. Regarding on the responsive text, I suggest that you use the VW unit. You can check for more information here:

Responsive text via css

Hi @ferlo61 Thanks for reaching out. I just check your website and you are using rem unit. I suggest that you will use the vw instead of rem CSS unit for your typography because this will help you eliminate your issue on the mobile view. For more information about the vw unit, please check this out. *https://www.smashingmagazine.com/2016/05/fluid-typography/ @Regnalf Thank you for sharing your ideas. Hope that helps. Thank you.

Hope that helps.

Thank you.