How can I adjust text columns with images for mobile view?

[Eduardo_DT]

Dear experts,

I need help with two issues regarding text columns with images.

I want to adjust the size of the text columns with images on my “About us” page and fit them on the width of the page. I need all 4 columns to appear on the screen, exactly as they are seen on the home page.

Home Page

About us page

And then on mobile I need these 4 columns of the “about us” page to be displayed in two rows

Now there are 4 in a single row:

I would need them to look like this:

www.wearesoluto.com

pwd: aahmen

thanks in advance!!!

[KetanKumar]

@Eduardo_DT

sorry for this issue but i can’t see this section please add and share about page url again!

[Eduardo_DT]

Hello,

https://wearesoluto.com/pages/soluto

pwd: aahmen

Thanks,

[LitCommerce]

Hi @Eduardo_DT ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
	.section-columns .grid {
		flex-wrap: wrap !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;
		justify-content: center !important;
	}
	.section-columns .column__grid__item {
		width: calc(50% - 10px) !important;
		margin-left: 0 !important;
	}
}

Happy to help you.

[Eduardo_DT]

Thank you very much for your answer! It has worked for mobile.

I also want to adjust the size of the text columns with images and fit them to the width of the page on desktop. I need all 4 columns to appear on the screen, exactly as they are seen on the home page.

Any solution for this?

Thanks in advance,

[LitCommerce]

Hi @Eduardo_DT ,

I checked and it shows the slider on desktop so if you want to change it you need to remove the slider or reselect the setting for the section.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

[Eduardo_DT]

Hello,

Thanks for the answer, but I don’t quite understand what you’re saying…

I need all 4 columns of “About us” page to appear within the screen, exactly as they look on the home page.

Home Page (wearesoluto.com) /(Correct):

About us Page (wearesoluto.com/pages/soluto) /(inorrect):

Is this possible?

Thanks in advance!!

[Eduardo_DT]

I found how to do it. Thanks.

[KetanKumar]

@Eduardo_DT

are you check your theme setting?

[LitCommerce]

Hi @Eduardo_DT ,

Have you tried searching in Customize?