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;