Mobile: Two Images in one column

[stupsi99]

Hi there, I’ve searched a lot of threads and tried out many custom CSS suggestions, but cannot get it to work.

I’m trying to get two photos aligned in one row for mobile devices to condense the content a little.
This is the page: https://tumhyperloop.de/team-current/

Thank you so much for your help!

[rad]

Hi @stupsi99,

Thanks for reaching out.

I checked and it appears you set them as an image as your current solution. Changing the number of columns requires custom CSS and it depends on how many columns as well. It’s because each set of columns are grouped by rows, so even if there are 3 columns and 2 rows (6 in total). The result will be like this

[col][col][col]
[col][col][col]

to

[col][col]
[col]
[col][col]
[col]

The image is a good solution, or custom CSS while maintaining 4 columns instead of 3 so either way, it will result to
2 columns. Please provide a sample where those columns are and we’ll check if it’s possible with simple CSS.

Thanks!

[stupsi99]

Thank you very much! I thought there might be an easy custom CSS solution. Our “fix” is indeed an image, which is good enough for now.

Are there any plans to implement multiple columns on mobile into cornerstone? I found that images were always too big on single column mobile. Always had to add big margins to make it look neat.
So I think it would be a useful improvement.

Thank you for your help!

-Phil

[jade]

Hey Phil,

Columns are set to stack on mobile devices as usually, most contents are text based. It is also possible to override this through custom CSS but it still depends on your setup.

Glad to hear it’s sorted now.

Cheers!