I've added a column to the Main row by editing site-builder.markup.yml and am trying to make these order like this for full-screen:

sidebar_first - content - content-right - sidebar_secon

but instead, it is ordered like:
content - content-right - sidebar_first - sidebar_second

  main:
    attributes:
      id: main-content
    regions:
      content:
        label: 'Main content'
        order: 2
      content_right:
        label: 'Main content right'
        order: 3
      sidebar_first:
        label: 'Sidebar first'
        order: 1
      sidebar_second:
        label: 'Sidebar second'
        order: 4

When i shrink the screen down to small/mobile, everthing stacks properly: C-CR-S1-S2 , But i can't seem to get the full-screen ordered properly. Did i break the internet? All caches cleared...

Than you,

Comments

wheretoplaygames created an issue. See original summary.

wheretoplaygames’s picture

wheretoplaygames CreditAttribution: wheretoplaygames commented

Just a heads-up, i did try the order like 1,2,3,4 like suggested in Issue 2825324 but had the same results.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Title: Order change for row not working (or as designed?) » Order change for row not working (or as designed?) with Site Builder layout
Component: Theme Settings » Layouts (Page Layout, Layout Plugin)
Category: Support request » Bug report

It can't work with the Site builder layout (because that system uses old school CSS floats), so the system is incomplete because it needs to either 1) warn you about this or 2) disable this feature for site builder layout.

It can only ever work properly with the Flex builder layout, which is the newer layout system that uses flexbox - it's flexbox that supports CSS ordering: https://css-tricks.com/almanac/properties/o/order/

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

Note it's possible to change to using the Flexbox layout, I need to properly document this, i't not that difficult but does require following a few steps to make the change over.

wheretoplaygames’s picture

wheretoplaygames CreditAttribution: wheretoplaygames commented

I'm using 8.x-1.0-rc2, and i don't see the option to use flexbox / flex builder. Isn't this the latest version?

Or is this a module i need to add? Sorry so confused, haven't heard of the flex thingy...

UPDATED: I installed the latest dev version and now i see the checkboxes on the layout section. Checking out that link you gave me now...

wheretoplaygames’s picture

wheretoplaygames CreditAttribution: wheretoplaygames commented

I created a new subtheme w/ the generator to make sure everything is in place, but adding "order: x;" to the mytheme.layout.page.css doesn't seem to have any effect. How do i make the order active?

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Category: Bug report » Support request
Status: Active » Postponed (maintainer needs more info)

You should edit mytheme.layout.page.css because it can change (when you save the layout settings it gets replaced).

To change the order use the drag and drop rows feature or for regions change the layout - if this is not working can you attach your theme (zip file) and I can take a look. Cheers.