plugins change image and text order on mobile

This commit is contained in:
Arvind Tiwari 2018-03-13 22:38:55 +05:30
parent 776cd35172
commit 4431ddf5ec
2 changed files with 9 additions and 9 deletions

View file

@ -431,6 +431,7 @@ textarea {
.split-section .split-description .lead {
color: #3a3a3a;
font-size: 21px;
}
.split-section .space .split-description .lead {
@ -743,7 +744,6 @@ textarea {
}
.space {
padding: 50px 0;
max-width: 660px;
margin: auto;
}

View file

@ -4,14 +4,7 @@
<div class="container">
{% if instance.child_plugin_instances|length %}
<div class="row">
<div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-push-6{% endif %} split-figure">
<div class="section-figure">
{% for plugin in instance.child_plugin_instances %}
{% render_plugin plugin %}
{% endfor %}
</div>
</div>
<div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-pull-6{% endif %} split-text">
<div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-push-6{% endif %} split-text">
{% if instance.heading %}
<div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
<h2>{{ instance.heading }}</h2>
@ -25,6 +18,13 @@
</div>
{% endif %}
</div>
<div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-pull-6{% endif %} split-figure">
<div class="section-figure">
{% for plugin in instance.child_plugin_instances %}
{% render_plugin plugin %}
{% endfor %}
</div>
</div>
</div>
{% else %}
<div class="space">