Have Container 2 Wrap to the Top in Header

Support
#1

I am using container 2 in the header as a place for my phone number button. It looks great on mobile, but I am trying to have it move above the container 1 area (which has the logo and hamburger nav) in mobile and tablet. I can’t seem to figure out how to do this. On mobile currently everything is just squished together. The image attached is what it looks like in desktop.

You can visit the site at https://www.dentalsleepapneanc.com/ (Password: finalpiece)

#2

Hi Matt,

Thank you for writing in, you need to add another bar (which will be on top of your current bar).

That additional bar will contain one container and a duplicate of your Contact Button.

Now familiarize with the Hide During Breakpoints option, all elements have this feature.

The idea is to hide your Contact Button container on mobile, and show the Contact Button bar, and vice versa.

Hope it helps,
Cheers!

#3

Hi -

This did help quite a bit! I still can’t seem to figure out how to center the button however. Can you help?

#4

Hi Matt,

Please inspect the ROW containing the button, then set the Horizontal Align to Center


Hope it helps,
Cheers!

#5

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