Sidebar disappears in tablet and mobile view

Hello, I am working locally with this theme because I am waiting for my hosting provider to solve an issue with my domain, reason why I do not have the link at the moment. I will ask my question in case someone can help me anyway.

The problem is that the sidebar disappears when in tablet or mobile view. I would need it to be moved to the bottom on smaller screens, but it just goes away. I have tried adding this code to the additional CSS option:

@media screen and (max-width: 685px) {
#sidebar {
display: block !important;
}
}

It did not work. Then I found another forum with this code:

CSS

/* Mobiles in Potrait mode */
@media only screen
and (max-width : 320px) {
.widget-area {
float: left;
width: 100%;
background: #E3E3E3;
}
}

/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
.widget-area {
float: left;
width: 100%;
background: #E3E3E3;
}
}

/* Mobiles in Potrait mode */
@media only screen
and (max-width : 320px) {
.widget-area {
float: left;
width: 100%;
background: #E3E3E3;
}
}

/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
.widget-area {
float: left;
width: 100%;
background: #E3E3E3;
}
}

Did not work either.

Is there any particular option for this theme I could use?

Thank you very much in advance.