Dear Community, I want to change the view of ‘Text Columns With Images’ element. I’m interested to create 4 columns in a 1 row (for a mobile and desktop). My store is rehaclub.pl (case in home page section, screen below). I will be grateful for any help ! [Obraz 26.02.2024, godz. 20.51.jpg] (…

Replace the code with below code You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (max-width: 767px){ .grid__item.large--three-twelfths.medium--six-twelfths { wid…

Hello @MM93 You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (max-width: 1199px){ .medium--six-twelfths { flex: 0 0 25%; } .large--three-twelfths .rte p { font-si…

Many thanks for your time and help! For now, after pasting the code, I have an mobile issue, looking like this: [Obraz 27.02.2024, godz. 09.54.jpg] (2 rows, not centered at mobile) Best regards Mikołaj

when I do this in mobile view its look like this [techlyser_web_0-1709024676407.png]

I reduced text from columns and now I can see this: [Zrzut ekranu 2024-02-27 o 10.18.33.png] Best regards!

You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (max-width: 767px){ .grid__item.large--three-twelfths.medium--six-twelfths { width: 25% !important; } .medium--six…

Now I can see this on mobile: [Zrzut ekranu 2024-02-27 o 10.59.23.png] sorry if do something wrong :<

The code is impacting to other sizes of products and grids on the homepage. Best regards!

You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (max-width: 767px){ .grid__item.large--three-twelfths.medium--six-twelfths { width: 25% !important; } .medium--six…

It’s working! Thanks for your help and time. Best regards!

'Text column with images' 4 columns in 1 row

Store Design

MM93 February 27, 2024, 8:58am 3

Many thanks for your time and help!
For now, after pasting the code, I have an mobile issue, looking like this:

(2 rows, not centered at mobile)

Best regards
Mikołaj

Topic		Replies	Views
Change number of columns in a row for "text columns with images" on desktop and mobile Store Design	2	213	July 10, 2022
Text Columns with Images align 4 columns in 1 row Store Design	15	133	December 19, 2023
Change column number for Text columns with image section Store Design design	1	48	April 18, 2023
How to get Text columns with images to show side by side on mobile Store Design third-party-themes	24	245	January 29, 2024
How can I adjust text columns with images for mobile view? Store Design	9	116	July 6, 2022

'Text column with images' 4 columns in 1 row

Related topics