Please tell me why such a large text indent from the image on mobile devices.

Do not worry, please – this is the website of the training and training center for people survival in extreme situations. For the movie as well. Temporary pictures – I will change them for better ones.

Hi, thanks for reaching out. The gap on the left and the right of images at the link provided looks normal on my end. Is that the gap you’re working on?

Not.
I mean the gap is not left not right. The gap from the top down from the text to the image directly on smartphones.

Part of it is a paragraph. Edit the widget and deselect the option to automatically add paragraphs, the setting is in the bottom left of the Editor widget.

There is padding and margin set in the cell and widget. Try editing the row, click the cell in question, Cell Styles appear on the right, open Layout, check Margin, I think there is 10px top and bottom, rather change that to Padding so you can set 0 for Mobile Padding. Then edit the widget, click Layout on the right, there is Padding set, set the Mobile Padding to 0.

The theme sets a further 7px margin which you could override by adding the following to Customize > Additional CSS:

@media (max-width: 768px) {
	.art-article img {
		margin: 0 !important;
	}
}

Once all of the above has been done, you’ll be left with the standard cell mobile bottom margin of 30px.

Layout, Margin – I have no such words in the settings

You could perhaps change your WordPress installation over to English for a short time or perhaps translate those terms.

I put zeros everywhere

1. Space below the row. Default is 30px. —– 0
2. Amount of space between cells. Default is 30px. —– 0
3. Padding around the entire row. —– 0,0,0,0
4. Padding when on mobile devices. —– 0,0,0,0
5. Line width —– full width
6. Collapse Behaviour —– standard
7. Collapse Order —– by default
8. Cell Vertical Alignment —– Top

I added it:
@media (max-width: 768px) {
.art-article img {
margin: 0 !important;
}
}

in — Mobile CSS Styles

nothing changed

Thanks. The above CSS rule should be added to Customize > Additional CSS, please try adding it there.

Layout, Margin — I translated into Russian, but I don’t see anything like it. I will try to think similar words.

layout —– Mobile Padding(Padding when on mobile devices.) — Top (0), on right (5), Bottom (0), On right (0)

I always have these values, but the situation does not change

There are a few items left out.

When editing the row, click on the cell you are working with. A new panel appears called Cell Styles, check the Layout tab in that section.

Edit the SiteOrigin Editor widget, there is a setting in the bottom left that automatically adds paragraphs, disable it to remove the paragraph around the image.

While editing the SiteOrigin Editor widget, click Layout on the right within the widget, there is another set of spacing settings there. Check those.

Alternatively, to workaround this, edit the row, click Attributes on the right and insert a custom row class name in the field called “Row Class”.

adaptive-spacing

Then, go to Customize > Additional CSS and insert a rule to target that class name:

@media (max-width: 768px) {
	.adaptive-spacing img {
		display: block;
		margin-bottom: -40px;
	}
}

Adjust the negative margin as required.

The very first CSS rule I sent, I also can’t see that in your source code, did you move it to Customize > Additional CSS? It shouldn’t be added to Mobile CSS Styles, just to Customize > Additional CSS.

Hopefully, you’re able to make progress with the above.

I made a screenshot. — https://top-saitov-znakomstv.ru/1567-2/