Grid/Container Order for Mobile/SEO

  • Resolved Marty

    (@bozzmedia)


    4 years, 4 months ago

    I’m creating lots of fun layouts with the Grid block. One thing I noticed is sometimes I have a column of supporting images/material to the left of the main text content on a page, then on mobile it naturally slides underneath my image column.

    Is there a way to change this in the block editor, or is CSS the main option for changing the order of these manually on a per page basis for mobile/SEO order?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support David

    (@diggeddy)

    Hi there,

    if you use the Grid Block, to create the two rows, then you can set the Order of the blocks for the Mobile / Tablet devices in the individual Grid Blocks Layout.

    Thread Starter Marty

    (@bozzmedia)

    Wow that’s super cool, thanks for directing me to the right place!

    Plugin Support David

    (@diggeddy)

    The Grid uses CSS Flexbox, and the order property.
    A shortcut for a row, if you wanted to move just one Grid item to the top of your mobile stack, then you can simply give it an order of -1 – without having to set each grid items order ??
    Glad to be of help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grid/Container Order for Mobile/SEO’ is closed to new replies.