Mobile Version blank space

Hi,

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 https:lecenturion.com

Thank you.

Hi,

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

Regards,
Awan

Thank you very much.

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