Menu bellow content on mobile and tablet version

Hello,

On mobile and tablet versions, the sidebar content (usually a menu) goes after the main content and even after the social media buttons, which is undesirable behaviour.
Could you please provide me with a CSS hack for override.css so the content on tablet/phone will be shown in the following order:

1. Header content, main menu, etc...
(!) 2. Sidebar content
3. Main page content & social buttons
4. Footer content

Thank you.

Hi,

Unfortunately it's not possible using only CSS code. Generally in all of our themes sidebar goes below main content on mobile/tablets - it's normal responsive behaviour. This kind of customization requieres a lot of modifications (unfortunately beyond our technical support), because sidebar may be changed using template options, so you'll have to change a lot of files (html, php, css).