Swap which content block appears first in mobile view

3 replies
211 views
Translate

On desktop view the two content blocks display side-by-side. On mobile view, they stack in a single col, however, the content gets swapped so that the content that would ordinarily be in the right-hand block on desktop view now takes first place in mobile view.

How can I modify that so it remains secondary content?

<h2>Header</h2>
<p class="lead mb-0">Text here.</p>
<p class="lead mb-0">Text here.</p>

</div>

<h2>Header</h2>

Thank you.

This topic is closed to new replies. Start a new post to keep the conversation going.

O

osgood_

Legend

Sounds like you have the construction set up incorrectly initially for desktop as the right hand column should always reposition itself beneath the left hand column. You would not need to manipulate anything as its the default stacking order BUT it seems for some reason your using 'order-lg-2' 'order-lg-1' for desktop which would only be necessary IF you wanted the right hand column to sit before the left hand column.........why do you need those classes for desktop If you want a default stacking order is the question.

You would reverse the 'order' at either md or sm break point (see in bold below) but the question remains - not sure why youre ordering the right column before the left column for desktop.

Translate