Column order on mobile

  • Resolved hatori272

    (@hatori272)


    5 years, 4 months ago

    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

    (@creativethemeshq)

    5 years, 4 months ago

    Hello @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

    (@hatori272)

    5 years, 4 months ago

    Hello @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

    (@creativethemeshq)

    5 years, 4 months ago

    Hey @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

    (@hatori272)

    5 years, 4 months ago

    Thank you very much, it works perfectly!!!

    Merry Xmas, Honza

    Theme Author Creative Themes

    (@creativethemeshq)

    5 years, 4 months ago

    Hey @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.