Centering two list elements

I have two list elements inside one column/one row. I want to get them centered under the row above. I have the flexbox turned on for the row with horizontal on center.

Flexbox is also on for the column with wrapping off to get them side-by-side. The horizontal positioning is not affecting it. The column max width is set to 800px.

Any thoughts. Thanks?

Hello David,

Thanks for posting in! Please provide us the URL of this page in the screenshot so we can inspect it.

Cheers.

The URL is: https://jcdhandyman.com/lp-assembly/

I also have one unrelated question. is there a way to easily grab an element when it’s nested so i drag it to a new location? For instance, on the page you’re looking at, the list is inside a column inside a row, which is inside the section.

If I wanted to move the column to another section, I may have trouble moving my mouse just precisely enough to highlight the column so I can drag it. It always either selects the list or the row (or section). I know I can go to the outline, find what I’m working on and drag it where I need it, but I find it better in the flow of things to be able to move on the page.

Hey David,

Your list setup is incorrect:

The correct HTML element structure should be:

<ul>
      <li>List Item 1</li>
      <li>List Item 1</li>
      <li>List Item 2</li>
      <li>List Item 3</li>
      <li>List Item 4</li>
</ul>

It is best that you restructure your list using a Grid or nested DIV elements.

You can only drag a Column element into another Row element in what ever Section element. You cannot place a Column element directly into a Section element. It must be inside the Row element.

Best Regards.

I’m not sure I’m following. The lists were the built-in element “static list (centered)”. I didn’t create it. I just placed it, and it’s inside the column, which is inside a row, which is inside a section. See the breadcrumb screenshot. Is there something wrong with the way the list element is structured?

image

I figured out a way to make it look like I wanted. Thanks.

Hey David,

It is good to know that you have figured out a way to resolve the issue.
We really appreciate for letting us know.

Cheers.

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