Footer/Header (not acting fluid and responsive)

Hello,

I’ve setup my footer in Pro. When viewing in mobile modes, the footer containers seem to overlap on top of each other and get chaotic, as if not setup in a fluid responsive way.

When I create a page in Pro, usually the columns break appropriately when viewing in mobile mode naturally.

How does this setup work in like the header and footer? I noticed even in the header, that my navigation bar will overlap the logo in a mobile mode.

Thank you for your assistance!

Hi @RocktheHouse1876,

Thank you for writing in, yes that is because of the Header and Footer’s Bar/Container is based on CSS Flexbox.

This video would help to understand how flexbox works on the Header and Footer builder.

Cheers!

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