[Solved] How to add padding on mobile?

Hi @dashington,

This is just a CSS conflict with the theme or other plugins. Please leave some example URL to allow us to debug the conflict and provide some solution for you. 

Thanks @asti,

We're a new website, here's a post: https://thedjrevolution.com/what-are-the-different-types-of-dj/

@dashington,

Please use this CSS code:

@media screen and (max-width: 600px){
   #comments, #respond {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

You can change the red marked values before using it. 

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

Thank you @asti, this is definitely much better! Will it reflect site-wide even though I only put the code on that post?..

@dashington,

The code changes the comment box size site-wide.