Adding sidebar that only displays on desktop view

Site URL: https://www.talkballuk.com/

Due to my template not allowing for the addition of a sidebar, I have manually placed content blocks to assemble my own.

I only want the sidebar to show on individual blogs/articles.

This 'manual sidebar' works great on a desktop view and tablet view - but works bad on mobile view, with all content being shifted to the bottom of the page.

Is there a way that I can disable my makeshift sidebar for mobile devices? 

I've spoken to a Squarespace Expert and they informed me that the only template that has a built in sidebar, that disappears in mobile view, is Ishimoto but you cannot place it on individual blogs/articles.

Does anyone know some code that would help me to get around this?

Thanks in advance.

I don't see sidebar. Can you share link to a blog post where you use sidebar?

https://www.talkballuk.com/featured/three-talking-points-from-gameweek-3-in-the-epl

also, you can use this plugin to create sidebar & design your sidebar layout (you can also setup to hide sidebar on mobile)