Hide Side Bar For Desktop Landscape @ Screen Size

I am trying to find where to adjust the display none for desktop.

Basically what I am trying to do is change the size that tells the side bar to hide in a desktop browser if someone should narrow the window. I tried to add a css code but that’s not working. I saw an inline code but once I changed that it didn’t work either.

I usually have multiple windows up during OBS live streaming. Once I begin to make the window for the website more narrow the side bar stays there when I would like for it to disappear. I don’t want the side bar showing in the live streams. I just want the article to take more of the screen.

I don’t wish to hide the sidebar on mobile or table etc. Just for landscape desktop once the screen has been narrowed to a certain point. So, say the size to hide the Side bar is 768px wide – for desktop I want to increase that so that the side bar hides at a wider px

also to note I am using the Pro Black theme

thanks but that won’t do what I am aiming to do. I also just realized this isn’t a sidebar widget. This is just a row. Hmmmmm not sure if I set them up as widgets if that would make a difference.

let me reword this – So as I minimize the screen / browser – the sidebar or row moves below the post content. I want that to move at a wider size than what it currently does.

meaning a wider screen size – not row size. I apologize for replying to much I am just trying to clarify. I am not referring to sidebar size in width.

I am referring to Media Size / Screen Size.

Whatever code tells the sidebar to go under the content must have a screen size command. Like once the screen hits 1000px the sidebar move under.

I can’t seem to find where this comment / command is

While minimizing the size of the browser Window I just feel that the widget row should move under at a wider “screen size”