Title: Container layout issue
Last modified: September 28, 2026

---

# Container layout issue

 *  [mooer](https://wordpress.org/support/users/mooer/)
 * (@mooer)
 * [1 day, 5 hours ago](https://wordpress.org/support/topic/container-layout-issue-2/)
 * Hi
 * I’ve come across an issue with container layout: grid, when trying to change 
   the order depending on using desktop/tablet/mobile. Rather than changing the 
   order of the contents within the container, it changes the containers position
   within the parent container.
 * I’ve created a testpage to illustrate the issue. I hope it’s understandable 😂
 * [testpage – AKUTRUM.SE](https://akutrum.se/testpage-2/)
 * /mooer

Viewing 1 replies (of 1 total)

 *  Plugin Support [BSF – Ravi Gojiya](https://wordpress.org/support/users/ravigojiya/)
 * (@ravigojiya)
 * [1 hour, 25 minutes ago](https://wordpress.org/support/topic/container-layout-issue-2/#post-19032230)
 * Hi [@mooer](https://wordpress.org/support/users/mooer/),
 * Thank you for reaching out and for putting together a test page.
 * I recreated the same layout on my test site and saw the same result. The Order
   setting always moves the container you have selected, so it changes where that
   container sits inside its parent. When it is set on the grid container, the whole
   grid moves, and the items inside it stay in place.
 * To change the order of the items inside the grid, the Order needs to be set on
   the item itself. Here is how you can do it:
    - Click the item you want to move, for example, your second column.
    - In the sidebar, go to General > Layout and set Layout to Grid. With a single
      column, it looks the same as before, and this makes the Order setting appear.
    - Scroll down to Order, click the small monitor icon next to it, and switch 
      to Tablet.
    - Click the first icon to move this item to the top. Switch to Mobile and do
      the same if you want it there too.
    - Select the parent grid container, open the same Order setting for Tablet and
      Mobile, and click the highlighted icon again to clear it.
 * After this, the grid stays where it is, and only your second column moves first
   on smaller screens.
 * Please give that a try and let me know how it goes. We are here to help if you
   run into any issues.
 * Have a great day ahead!

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-layout-issue-2%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/ultimate-addons-for-gutenberg/assets/icon-256x256.gif?rev
   =3240412)
 * [Spectra Legacy – Gutenberg Blocks](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [BSF – Ravi Gojiya](https://wordpress.org/support/users/ravigojiya/)
 * Last activity: [1 hour, 25 minutes ago](https://wordpress.org/support/topic/container-layout-issue-2/#post-19032230)
 * Status: not resolved