Mobile Version blank space


#1

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.


#2

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


#3

Thank you very much.

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