Display the "image with text" section on mobile : image THEN text, whatever if the image is on the right or on the left

Tourist
9 0 2

Hi,

 

I am using the Debut theme and added image with text sections on my homepage. The first one has image on the left and text on the right and the second one the contrary. On my  mobile, one has the text before the image and the other the text after. 

How can I do to display the image then the text on mobile, whatever if the image is on the right or the left on computer ?

 

Thanks a lot!

 

www.poppybiarritz.com

http://poppybiarritz.com/
0 Likes
New Member
1 0 0

Hey!

 

Maybe it's a little late, but for those still looking for an answer:

 

1. Go to the feature-row.liquid in sections

 

2. Find this code:

 

{% if section.settings.layout == 'right' %}
      {{ image_layout }}
    {% endif %}

3. Cut and paste this code underneath these lines instead:

 

{% if section.settings.layout == 'left' %}
      {{ image_layout }}
    {% endif %}

4. It should now look something like this:

 

<div class="feature-row grid large-up--grid--table">
    {% if section.settings.layout == 'left' %}
      {{ image_layout }}
    {% endif %}
    
    {% if section.settings.layout == 'right' %}
      {{ image_layout }}
    {% endif %}

Let me know if that worked for you. This is how I did it on the Boundless theme, I imagine it should be fairly similar.

If not: I'll try to find the specific code for Debut

 

-Jesmer

0 Likes