How to disable changing the order of adaptive blocks?

Question

css

I am making a website in Joomla . Helix3 template .
It is necessary that on monitors with a width of 600px and 800px the site looks the same as on large monitors (1920x1080 and above). And because of Bootstrap, it adds up. The blocks are stacked one below the other vertically.
I understand that this is a responsive design of the site and responsive blocks follow in order in the layout. And this is connected with col-md-push, or col-md-pull. But I am not strong in Bootstrap. That's why I'm asking for help.
Maybe there is an opportunity to specify the monitor size at which adaptive design does not need to be applied?

Answer 1

You need to disable the viewport meta tag, read how to do it on your cms

Answer 2

Go to the Layout item in the template settings (from Joomshaper, apparently) and change the col-sm, col-md, col-sx and so on for the blocks, see what changes.

Answer 3

I solved the problem in this way

<meta name="viewport" content="width=device-width, initial-scale=0.75">

Answer 4

Helix templates have the ability to specify classes for each position in the layout builder. As a matter of fact, without knowledge of bootstrap it is difficult, since bootstrap classes will override their css. The network is not difficult to understand. The main thing is that the content of the blocks looks good at resolutions of both 600 and > 800px