How to remove side bar in responsive

Hey there Aqif Majid,

How are you doing today?

This should be possible by using media queries and single post selector. Since MesoColumn has its own custom CSS tab which is located in Appearance -> Theme Options -> Custom CSS you can try adding the following code there:

@media screen and (max-width: 768px) {
.single .content {
  width: 100%;
}

div#right-sidebar {
  display: none;
}
}

This should remove sidebar and make content full width on single post pages only on resolutions smaller then 768px. If the code doesn’t work please keep it added and post link to your site so I can take a look ??

Best regards,
Bojan

yeap. that should do it.

What If we want to do it only in single post pages not on all pages like home etc.

@media screen and (max-width: 768px) {
body.single .content {
  width: 100%;
}

body.single div#right-sidebar {
  display: none;
}
}