This thread is resolved. Here is a description of the problem and solution.
Problem:
The issue here is that the user's images are not display correctly on mobiles with the user's bootstrap grid.
Solution:
The problem is that the user is manually setting the width of the columns with css which is causing the bootstrap css to be overwritten.
What I recommend that you do is if you want a bigger column, just to user a different column size bootstrap class.
https://getbootstrap.com/docs/3.3/css/#grid
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | - |
| - | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | 14:00 – 18:00 | 13:00 – 18:00 | - |
Supporter timezone: America/Jamaica (GMT-05:00)
This topic contains 10 replies, has 2 voices.
Last updated by 6 years, 3 months ago.
Assisted by: Shane.
I want to show an image in a row to the right of the title field with an alignment to the right, that works but the image breaks up in mobile view. I have tried fixing it with css code but without success.
The code in the loop view:
<div class="row">
<div class="col-sm-6">[wpv-post-title][types field='training-afbeelding' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='90' height='90' resize='proportional' align="right" ]</div>
<div class="col-sm-3">Bekijk deze training ></div>
</div>
<br>
Hi Shane,
If i place your line of code inside the code for the loop the image does not show, if i remove the "src=" the image shows but it does not allign to the right, see image attachment.
<div class="row">
<div class="col-sm-6">[wpv-post-title]<img class="img-responsive" [types field='training-afbeelding' output='url' size='custom' width='90' height='90' resize='proportional' align="right" ]</div>
<div class="col-sm-3">Bekijk deze training ></div>
</div>
<br>
The </div> on that specific line pops up red so i may have the code not quite right there....
