Mobile Version blank space


When visiting my website on a mobile phone (tablet preview seems fine) there is an empty blank column on the right side taking 1/3 of the space.

Site is

Thank you.


Looks like that was because of the font size of the site title which is too big. You can reduce it for the mobile screen using the CSS code below:

@media only screen and (max-width: 767px){
  .site-title a {
      font-size: 40px;

Put the code into Customize > additional CSS


Thank you very much.

It worked but I had to go down to font-size: 31px;