Joomla Templates Club 406,261 posts

[suzanna Friend suzannaJoin date: August 2014Posts: 215Downloads:63Uploads:26 Thanks: 75 Thanked: 1 times in 1 posts]

#205562

The page looks as I want it. However, when the browser is resized or if viewed on mobile the elements overlap. How can I make the elements responsive so that the module (boxes on left) come on top and rest of the article text is below or on the bottom? I don’t want them to overlap over each other.

PS
No screenshots please. My site is not public yet.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#567140

Make a Backup of your article content and then replace it with this

<p>your image</p>
<br>
<div class="row">
<div class="col-md-4">
<div class="custom">
<div class="">
your content
</div>
</div>
</div>
<div class="col-md-8">your content
</div>

1 user says Thank You to chavan for this useful post

1. suzanna

[suzanna Friend suzannaJoin date: August 2014Posts: 215Downloads:63Uploads:26 Thanks: 75 Thanked: 1 times in 1 posts]

#567152

Thank you! Thank you!! Thank you!!! 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#567175

Have removed your site content and replaced it with some sample text

[suzanna Friend suzannaJoin date: August 2014Posts: 215Downloads:63Uploads:26 Thanks: 75 Thanked: 1 times in 1 posts]

#567419

Chavan, do you know if the template has position that would get this col-md-8 + col-md-4 grid display, or if there is maybe some other way to do this with modules rather than inserting content of col-md-4 in the article itself.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#567454

What you have done is a perfect way.

If you need those positions, you need to create in the template

[Author]

Posts