How to improve text alignment - mobile

On mobile screen sizes, there is additional left and right padding added to text widgets. This can create alignment issues with other elements, like buttons. This CSS style rule addresses that by removing the additional padding.

Please note that the style rule below applies to all text widgets that are not within full-width sections.

CSS

@media only screen and (max-width: 768px){

  /* Fix text padding on mobile */

  .theme .stretched-mobile .textWidget {

        padding: 0px;

  }

}