PRO Custom Header

I am trying to recreate a header similar to this one (https://southbeachdental.net/)
It looks really nice on mobile and provides all the details the customer would need.
I can’t seem to replicate this (despite my best efforts).
Such as getting the phone, email and schedule appointment to stack on top of each other, centered, etc.
Any guidance or support would be greatly appreciated.

SIte info to follow in a secure note.

Hi @XSO,

Thank you for writing in, please set your Container’s Flexbox configuration to this:


Basically, this is the settings that you need to arrange the elements in the container in stacking layout.

The Bar also needs to have an auto height, so it can expand if its needed to.



I have created a Copy of Main header for your reference.

If you want to learn more about flexbox, please see the following links,

A Complete Guide to Flexbox
Using Flexbox in Header/Footer builder

Hope it helps,
Cheers!

@friech
OMG
Thank you so much!!!
That is almost EXACTLY what I was looking for
The only issue I have now is the responsiveness of it on mobile
Thoughts (ideas …?)

You’re welcome!
We’re glad @Friech were able to help you out.

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