Issues with title size in Wells template when zooming

Site URL: https://complianceperiscope.com/

As my question's title explains, I have issues with the website title size - when making the text smaller, the title starts overlapping the posts section. 

This is I understand caused by custom CSS (see below) I've added earlier to center the page content - before that, content was aligned left on big screens. When I remove CSS, the issue goes away.

I would really appreciate advice on how to fix CSS to keep the content centered, but get rid of the issue in question/any alternatives (maybe there is a setting in Wells allowing to center content I don't know about).

Thanks!

________________________

Custom CSS:

.tagcloud-block .name { font-size: 40% !important }
#canvasWrapper {
  margin: 0 auto;
  }
body.sidebar-position-left #headerWrapper {
  width: 14%;
  position: r;
  top: initial;
  left: initial;
}

Hi,

Site title or blog title?

Desktop or mobile?

Can you take a screenshot? We can help easier

Thanks for reverting. It's site title, desktop. See the screenshot below. 

Thanks for looking into this!

On 1/13/2021 at 8:20 PM, coop said:

Thanks for reverting. It's site title, desktop. See the screenshot below. 

Thanks for looking into this!

Hi. Site Title looks fine here. Do you still need help?

On 1/16/2021 at 11:35 AM, tuanphan said:

Hi. Site Title looks fine here. Do you still need help?

Hi, the text overlaps the picture on the attached screenshot - I think does not look well, mildly speaking.

Thanks for looking into this!

I see fine here, Laptop WIndows/Chrome

On 1/23/2021 at 2:17 PM, tuanphan said:

I see fine here, Laptop WIndows/Chrome

Have you tried zooming in? That's when I start having issues (at 50% zoom in Google Chrome).

Thanks!