Pro header builder with centered logo

[tomaspernek]

Hi there!

I would like to create a menu with the Pro Header Builder where the logo is centered in the middle and “overflows” the header bar. Then when scrolling down the page the header shrinks.

1. Is there an easy way to get a centered logo?
2. Is it possible to get the shrinking of the logo ?

I have attached a sketch below

Best!

/Tomas

[christian]

Hey Tomas,

Thanks for writing in. If you haven’t done so yet, download the starter templates which includes a centered logo template. To do that, go to Pro > Templates and click the Import Starter Pack button.

Next, create a header using the Starter: Logo Middle header template. Edit the header and set the bar to sticky and adjust Shrink Amount under the Sticky Setup options.

Here’s a setup demo.

The extended logo in your design needs a bit of CSS. We might help you with that after you’ve setup the base layout.

Hope that helps.