Building a footer

Support
#1

Hello- I thought this would be easy, but I guess not. What’s the best approach to coding up a footer as shown in the first image? I’m proficient in handing coding Divs and such, but this is way different. First of all, there are no Rows and Columns. Bars and containers? They don’t appear to act the same as R & C. I can’t tell if I’m supposed to create on row with one container and have 6 items-- they all seem to want to align left and right of each other. For example, I need to have a logo, with thee address right underneath it in a single column. How can I do this? Then, I wish to have 4-5 more columns that are evenly spaced with text links in those. It’s not easy at all! :slight_smile: Tips?

Thanks!
Rich

#2

Hi Rich,

Thank you for writing in, I understand where you’re coming from, when I started learning CSS Flexbox it gets over my head. But there is no shortcut on this but you need to learn how CSS flexbox works, this will help you with your current issue and future issue that has something to do with the header and footer layout.

Here’s a couple of links that can help you get started.

Using Flexbox by Kory
A Complete Guide to Flexbox

The interface on the video is a bit outdated since that was recorded from an older version, but concept of Flexbox remains.

Let us know how it goes,
Cheers!

#3

Thanks. I thought I understood the basics, but evidently not. :slight_smile:

I wish X had some prepared headers and footers that worked like Content elements. There I can drop in rows and columns and things get locked in place easily. There must be some logic as to why this approach doesn’t work with headers and footer.

Cheers

#4

Hey Richard,

Thanks for your feedback. I’ll post this as a feature request in our internal tracking system so our developers will be made aware of this use case.

#6

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