Columns Not Displaying Correctly

User 480052 Photo


Registered User
21 posts

I am trying to create a page (or really a section of a page) with a left and right column. The left column span is 3 and the right column span is set to 9. In the right column I want a paragraph to be the width of the column. Below the paragraph, I'm trying to place another left and right column to put an unordered list in each one. Here is the link to what I'm trying to do and the text describes how it should be displayed.
http://www.stvincentre.com/test/index.html
User 2088758 Photo


Senior Advisor
3,087 posts

Hi Michael,

If I understand you right what you need to do is set a break-point where you want the sections to drop below each other. To do that what you want to do is at the break-point Select the Purple column and goto the Layout tab and set its colspan to 12. Then select the red section and goto the layout tab and set its colspan to 12 as well. This should give you the desired effect.

Hope that makes sense. Let me know if not and I will create a short video to show you how to do this.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 480052 Photo


Registered User
21 posts

Steve,
Thanks for responding. I tried what you suggested. When the window is maximized the bright purple and red section are below the darker purple section on the left. When the window is minimized to the narrowest width all the sections are displayed correctly. I'm attaching an image that I hope clarifies what I'm trying to do.
Attachments:
User 2088758 Photo


Senior Advisor
3,087 posts

Ill put together a video and see if that answers your question. Can you attach your rlm file and I will show you.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,087 posts

Here you go I just remade your grid system. Hope this helps.

https://www.youtube.com/watch?v=FQ_WfHb6c-8&feature=youtu.be

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2488786 Photo


Registered User
190 posts

The more I stalk this forum the easier things get and I think in a while I'll be able to create my own layout. :)
I've just been messing with templates.
An expert at using the wrong tool the right way.
User 480052 Photo


Registered User
21 posts

I watched your video. That is exactly what I need!. I applied the settings from your video and now everything works perfect!. Thank you so much for all your help and the great video
User 2088758 Photo


Senior Advisor
3,087 posts

Excellent, glad things worked out!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.