Title: Column order on mobile
Last modified: December 22, 2020

---

# Column order on mobile

 *  Resolved [hatori272](https://wordpress.org/support/users/hatori272/)
 * (@hatori272)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/)
 * Hello,
 * I tried to find similar topic on this forum but I haven’ť find any.
 * I use Blocksy theme and only for posts I use sidebar on the left side and content
   on the right (on desktop). But if I display it on mobile, the first I see is 
   the content and the sidebar is below it (in the second “row”).
 * I need to have sidebar as a first item. Is there any solution?
 * Thank you, Honza

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/)
 * (@creativethemeshq)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13823673)
 * Hello [@hatori272](https://wordpress.org/support/users/hatori272/),
    Actually
   this is a normal behavior, the content should be in the first position (at the
   top) then the sidebar. This way your users will see in first plan your content(
   that is more valuable) and not your sidebar.
 * Hope this makes sense.
 * Cheers.
 *  Thread Starter [hatori272](https://wordpress.org/support/users/hatori272/)
 * (@hatori272)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13825832)
 * Hello [@creativethemeshq](https://wordpress.org/support/users/creativethemeshq/),
 * I understand that is a normal behavior and it makes sense. But in my project 
   makes sense to have “sidebar” in the first position.
    Is there any solution e.
   g. in CSS or function in PHP? I understand that you can’t code this feature in
   theme settings.
 * Thank you very much! Honza
 *  Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/)
 * (@creativethemeshq)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13825905)
 * Hey [@hatori272](https://wordpress.org/support/users/hatori272/),
    Please try
   this custom CSS:
 *     ```
       @media (max-width: 999px) {
       	.ct-container[data-sidebar] {
       		display: grid;
       	}
   
       	.ct-container > section {
       		order: 2;
       	}
   
       	.ct-container > aside {
       		order: 1;
       	}
   
       	.ct-sidebar {
       		margin: 0 0 60px 0;
       	}
       }
       ```
   
 * Let me know if this works for you 😉
 *  Thread Starter [hatori272](https://wordpress.org/support/users/hatori272/)
 * (@hatori272)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13826094)
 * Thank you very much, it works perfectly!!!
 * Merry Xmas, Honza
 *  Theme Author [Creative Themes](https://wordpress.org/support/users/creativethemeshq/)
 * (@creativethemeshq)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13826119)
 * Hey [@hatori272](https://wordpress.org/support/users/hatori272/), you’re welcome
   😉
 * Wish you all the best and have a nice holiday season among your loved ones.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Column order on mobile’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/blocksy/2.1.41/screenshot.jpg)
 * Blocksy
 * [Support Threads](https://wordpress.org/support/theme/blocksy/)
 * [Active Topics](https://wordpress.org/support/theme/blocksy/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/blocksy/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/blocksy/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Creative Themes](https://wordpress.org/support/users/creativethemeshq/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/column-order-on-mobile/#post-13826119)
 * Status: resolved