Alekxander
Мой дом здесь!
- Регистрация
- 3 Янв 2018
- Сообщения
- 490
- Реакции
- 236
- Автор темы
- #1
В шаблоне применяется сетка бутстрап. Контент выводится с помощью аддонов SP Page Builder.
В одном блоке есть два дочерних блока. Слева выводится текст, а справа картинка.
На мобильных устройствах картинка выводится после текста. Как сделать чтобы на мобильных устройствах картинка выводилась первой? Читал про классы push и pull. К сожалению попытки сделать свелись к нулю. Подскажите плииз.
В одном блоке есть два дочерних блока. Слева выводится текст, а справа картинка.
На мобильных устройствах картинка выводится после текста. Как сделать чтобы на мобильных устройствах картинка выводилась первой? Читал про классы push и pull. К сожалению попытки сделать свелись к нулю. Подскажите плииз.
Код:
<div id="sppb-addon-1481779604" class="clearfix">
<div class="sppb-addon sppb-addon-fancy-cta ">
<div class="sppb-row sppb-no-gutter">
<div class="sppb-col-md-7">
<div class="sppb-addon-content" style="panel-default">
<i class="sb-bistro-burger sppb-fancy-cta-icon sppb-wow bounceIn sppb-animated" style="visibility: visible; animation-name: bounceIn;"></i>
<h3 class="sppb-fancy-cta-title">Lorem</h3>
<div class="sp-fancy-cta-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<a target="_blank" id="btn-1481779604" class="sppb-btn sppb-btn-xs sppb-btn-custom sppb-btn-rounded"></a>
</div>
</div>
<div class="sppb-col-md-5 sbbp-img-container">
<div class="sppb-position-right">
<img src="/images/2020/04/17/70035263962.jpg" alt="Lorem">
</div>
</div>
</div>
</div>
</div>