CSS help to reduce spacing on mobile between content block / Design -> Spacing CB moves on mobile
I noticed a problem affecting several pages of my site on mobile. Maybe it can be solved with CSS.
This are the settings of my web pages. I add also some screenshots from this webpage https://www.sebastianph.com/It/Biografia
1) body fixed width 1300
2) to reduce the Text width of the content blocks, on the two sides of the Text content block I added two "Design -> Spacing" content blocks with container width 12% (left 12% space, center text 76%, right 12% space)
3) Using Screenfly I noticed this large space between the content blocks.
4) In customizing mode, by reducing the size of the desktop browser to simulate the mobile screen, I discovered that the two Spacing content blocks placed at the sides of the Text content block are moved, one above and one below the text. Why??? For this reason, space increases...too much.
5) I tried to change the webpage settings:
a) removed the Spacing content block on the sides of the Text content block (this block now again 100%),
b) reduced the Text body width 180 pixel on the left and right side to simulate the desired width (similar to the other with the Spacing block)
The result on mobile was as desired, without the space due to the moved Spacing content blocks, but with this setting a new problem appeared on tablets sizes: the text is excessively restricted by the 180+180 pixels.
Now I'm back to the initial setting with the Spacing content blocks on the two sides of the Text content block, waiting to find a solution...
I've read the threads of Scotthunter with similar problems, I tried also to edit a little bit Mike's CSS but without success (I'm not an expert!).
My idea is very simple...and simple ideas are often the right ones, hope so! That is, if I remove the Spacing content block only for mobile with CSS, I think I'd have solved it without having to put my hands on the whole site! Given that on desktop and tableb the use of Spacing content block is fine, do you think it would be enough? More suggestions?
I'd need the code for folders, pages and galleries.
Edit: analyzing the page, I discovered this string related to the Spacing content block: div class="sm-page-layout-column yui3-u" style="width: 12%;" data-layout-column="0"
I guess if I could get rid of it on mobile, I should solve...maybe!