How to get logo to display over multiple bars

I was looking through website examples at X Theme Showcase and came across one located here https://myshrimpshack.com/. I like the way the logo is centered and appears to cross over a couple of different header bars. How was this accomplished?

We have a logo that would work well in this situation and does not look good in the normal horizontal type format.

Thank you.

Hi Cer,

Thank you for reaching out to us. There are couple of ways to create the overlapping content, we’ve a series that you can follow on our YouTube Channel here https://youtu.be/W5tnpn-x5K0 to create overlapping content. This is also valid for the Header Builder.

In your specific example, it’s been done by specifying the fixed height i.e 60px to the middle bar smaller than the actual logo so it overlapped with the above and bottom bars. The logo itself has the transparent background which adds this effect.

Hope this helps!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.