Left Sidebar First in Sparkling

Is there any way to make the left sidebar always show up first in the Sparkling theme?

I set the sidebar to show up on the left, but when I utilize mobile devices or resize the browser to be smaller the content is displayed and then the sidebar.

What I have tried/researched:
I did some searching on Google and this seems to be a common conundrum. I understand that in the main design the items are ordered such that the sidebar is second and that it is just floated left or right. However, once a certain browser size is reached or a mobile device is detected then the floats are cleared and the content is stacked on top of the sidebar.

I tried flipping the get_sidebar call to prior to the content listing in index.php, but that smashed the sidebar into the content with the sidebar on the left. From my perspective, this was a destruction caused by CSS values mismatched now with the page layout calls and thus would require a significant alteration to style.css to fix which seems impractical.

I hope I am just missing something in this search/implementation and whatever answer you provide both fixes my problem and leads me to wonder why I didn’t think of trying that in my hours of fiddling.

Hi Adam,

I hope you are well today and thank you for your question.

You can try achieving this by using the attached custom child theme of Sparkling theme that contains some custom code.

Best Regards,