Mobile Sidebar colapse order

  • Resolved Francisco

    (@fmarconi)


    4 years, 8 months ago

    Hi!
    Maybe is there, but I can’t find a setting to make the sidebar collapse on top of the main content and not below on mobile layout.
    Kindly,
    Francisco

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

    (@stevieboy23)

    4 years, 8 months ago

    Hi, I’d be interested in the answer to this one too! Best Wishes

    stevieboy23

    (@stevieboy23)

    4 years, 8 months ago

    Okay, in the absence of an official advice, here’s how I did it. I added this to my css:

    @media screen and (max-width: 1024px) {
.content-container.site-container {
display: grid;
grid-template-columns: 100%;
}	
aside#secondary {
order: 1;
}
#main {
order: 2;
}
}
    Thread Starter Francisco

    (@fmarconi)

    4 years, 8 months ago

    Hi @stevieboy23 This is the solution I came up

    @media screen and (max-width: 1024px)
{
	.has-sidebar .content-container
	{
	display: flex;
	flex-direction: column-reverse;
	}
}
    stevieboy23

    (@stevieboy23)

    4 years, 8 months ago

    Ah well, it seems we both solved it ourselves then!!

    Best Wishes

    hannah

    (@hannahritner)

    4 years, 8 months ago

    Hey,
    Glad you both were able to create solutions! Let us know if there’s anything else we can help you with.

    Best,
    Hannah

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

The topic ‘Mobile Sidebar colapse order’ is closed to new replies.