The website I'm building from the Hueman theme uses the primary sidebar (.s1), on the left, to display the site image (i.e. logo/brand), navigation menu, and search field. I'm happy with the way it displays on a desktop/laptop web browser, but when the responsive layout kicks in to accommodate smaller browsers or mobile devices, the sidebar gets pushed below the main content, so visitors would not be greeted by the site image and navigation menu first.
How can I alter the CSS or PHP files so that the sidebar is the topmost element (i.e. appears first) on small screens?
Thank you in advance!