Support

December 26, 2017 at 10:40 am

Hi there,

The problems you’re seeing are the result of the betheme applying some non-responsive styles where responsive styles are needed. One example is highlighted in this screenshot:
https://slack-files.com/T02SY781D-F8JS5R3SM-8c9ba8efd7

You can override those errant styles from the betheme by adding the following CSS code to your site’s Customize > Additional CSS panel:

@media only screen and (max-width: 768px) {
 .section_wrapper table {
  font-size: 0.85em;
 }

 table td select {
  width: auto;
 }

 table td {
  padding: 10px 0;
 }
}

@media only screen and (max-width: 480px) {
 .section_wrapper{
  padding-left: 10px !important;
  padding-right: 10px !important;
 }
}