Header with menu overlay

[Christina]

Hi!

What is the best way to create a mobile friendly header setup like this site: https://cathe.com/

I like the video with overlaying logo, menu, social icons and call to action buttons. I do not see that option in the integrity stack. Thanks for help.

[Christina]

I see this but would ned Pro version? How would that effect site not currently using Pro?

Pro - Transparent Header with Header Builder - Calculate Margin for Page Content

I’m trying to build a transparent header with a header that overlays a slider element on the home page. I’m able to get the slider to go beneath the header so the header text is overlayed on the slider, however I’m only able to do this by hardcoding a negative top margin for the slider, but the height of the header bar changes with the size of the screen. How do I create a transparent header so the negative margin of the slider changes with the height of the header bar as the screen size chang…

[marc_a]

Hey Christina,

Thanks for reaching out!

If you are using X theme, it will require customization to attain that mobile menu but in Pro, you can customize the look of your header using the Header Builder. Please note that customization is outside the scope of our theme support.

• https://theme.co/docs/header-builder-overview
• https://www.youtube.com/channel/UCgY5E3tOI83kBEahh9Y3uRg/search?query=header%20builder

If you are planning to convert the website from X to Pro, you may check this doc.

• https://theme.co/docs/converting-from-x-to-pro

Hope that helps.