Problem with site adaptability on BITRIX?

Question

1C-Bitrix

Hello.
There is a site made on Bitrix https://mosshar.ru
Google swears that the site is not adapted for mob. devices.
There were a few problems - now 2 of them remain. -
Content is wider than the screen

Interactive elements are too close
I know this is a common mistake and google often swears at it. But so far it hasn't been resolved. I read a lot of information - but not like
Plus, there is one more thing that I have not encountered before (since I work with Bitrix for the first time) - the site does not adapt for some reason when you stretch or compress the screen, but if you select the desired screen sizes and update, then everything rises as it should - without scrolling
Maybe among you there are programmers working with Bitrix - tell me, please, what is the reason for this and how to solve this problem?
Thanks in advance for your help

Answer 1

At least html has a width of 768px and container has a minimum width of 768px, at which the adaptability of the layout ends. As a result, there is no adaptive smaller than 768px wide on your site.
Google is testing for a "standard" smartphone with a viewport width of 375px. On which the same 768px "shoved" into 375 are displayed.

Answer 2

Many thanks to everyone for the tips.
The problem was in the ROBOTS.TXT file - access to some resources was blocked in this file, to be more precise, to css and js files. That's why Google didn't see the styles.

Answer 3

You have specified
at the "container" block
in (file /css/style.css templates, line approximately 4745) then you need to fix

@media only screen and (max-width: 768px)
.container {
    width: 100% !important;
}

on the

@media only screen and (max-width: 768px)
.container {
    width: 100% !important;
    min-width: inherit!important;
}

in the same place but a little lower, well, or remove the first condition.