• Resolved Francisco

    (@fmarconi)


    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)

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

    stevieboy23

    (@stevieboy23)

    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)

    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)

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

    Best Wishes

    hannah

    (@hannahritner)

    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.