Global blocks in header

[KMCHTX]

Hello,

I am trying to put a grid in my header using a global block to style it.

You can see my attempt here: meditationinhouston.org/content-draft

It doesn’t function correctly on either the mobile or desktop versions, but I cannot seem to get it to display correctly.

Can you say what I have done wrong?

[ruenel]

Hey @KMCHTX,

Thanks for writing in! I am seeing your grid.

The cells are empty though. Please insert any sample element in your grid.

Thanks.

[KMCHTX]

Thanks for the reply.

There were 4 cells and they went off screen. I reduced it to 2 cells. They are still somewhat off screen, but viewable. If you reduce your viewport, they show up better. Obviously not something we want to ask our users to do.

I appreciate you checking

[ruenel]

Hello @KMCHTX,

Please make sure that your global block and the elements you have inserted in each column of the global block is valid and correct. I want you to check out the test page that we have created.

See the secure note.

[KMCHTX]

I put some time into it today. I am able to get a grid of sorts, but the mobile layout doesn’t work. I changed the number of columns so that it was a single column, but the information is appearing far off screen.

So, a bit more help is needed

[ruenel]

Hello @KMCHTX,

In your first column, it is empty.

You will also need to align the contents of your 2nd column.

Best Regards.

[KMCHTX]

Thanks. I figured out how to align things.

Cheers

[ruenel]

You are most welcome!