Display 4 Text columns with images in one row adapted to screen width [Broadcast Theme]

Store Design
1

Hello,

I want to adjust the size of the text columns with images on my home page and fit them on the width of the page.

I need all 4 columns to appear within the screen.

Could you please advise?

Eduardo_DT_0-1649715532097.png
Eduardo_DT_0-1649715532097.png2720×1088 161 KB

Thanks in advance,

1 Like
2

Hi @Eduardo_DT ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@Eduardo_DT

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi,

URL: https://wearesoluto.com/

Password: aahmen

Thanks

1 Like
5

@Eduardo_DT

yes, please check your theme setting also add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.column__image {
    padding-top: 100% !important;
}
6

Hello,

Thanks for your answer.

I have added the code. It has now fit the width of the page, but the four images/columns still do not appear within the screen.

Eduardo_DT_0-1649930162923.png
Eduardo_DT_0-1649930162923.png2276×1072 179 KB

I need all 4 columns/images to appear within the screen.

Thanks in advance,

1 Like
7

@Eduardo_DT

yes, please try this code

@media only screen and (min-width: 990px) {
#shopify-section-template--15715202236670__164554396534b57461 .large-up--three-tenths {
    width: 25%;
}
}
1 Like
8

Thank you!

1 Like
9

@Eduardo_DT

its my pleasure to help us

10

Hi,
I have the same problem, where do I add this code? Thank you for your help