Remove Image or Sidebar in Mobile responsive site

Hi hetallerbeste,
use one of the following:

//Remove images
@media (max-width: 979px){
 .textwidget img {
   display: none;
 }
}

//Remove Sidebars
@media (max-width: 979px){
 .left.tc-sidebar, .right.tc-sidebar {
   display: none;
 }
}

Thanx Martonno,

I tried to add this to custom CSS and before loading this image, but did not solve it. Maybe i’m doing something wrong?

please try adding the code in the customizr style.css.
Please also consider using a child-theme.

Well, i created a childtheme.

I added both codes first to style.css and functions.php.
But still not working.

Maybe it has something to do how i created the images in the sidebar. I added this with custom HTML, could this be the problem?

Kind regards!

If this has something to do with the images, the sidebar should be removed when opening site on my mobile phone, still got the remove sidebar added to the CSS file. I don’t see the problem.

try removing the “//Remove Sidebars” before the code in the style.css.
forgot that // is no valid comment for css… (not my day^^)
use:

/* Remove images */
@media (max-width: 979px){
 .textwidget img {
   display: none;
 }
}

/* Remove Sidebars */
@media (max-width: 979px){
 .left.tc-sidebar, .right.tc-sidebar {
   display: none;
 }
}

Yes, GREAT!

That’s the solution, just remove the // line!
Thank you very much in solving this small issue!
I’m grateful.

Glad that solved your problem.
Sorry for the comments mistake.