Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 21, 2015 at 9:55 am #476367
    Monique

    Hi there,

    Please see the blog page of the development site on a tablet (portrait 768px).

    I have used a content section with 2/3 and 1/3 column and in the 1/3 column right I inserted a testimonial grid with 1 column.

    On a tablet (portrait 768px) the text is not shown properly inside the grid box. It floats (so to say) outside the content box.

    Please advise.

    Thanks & regards,
    Monique

    July 21, 2015 at 3:53 pm #476576
    Andy

    Hi Monique!

    it looks good to me. However, to change font-size for table use this code in Quick CSS field:

    @media only screen and (max-device-width: 1024px) {
.avia-testimonial-content {
font-size: 9px;
}
.avia-testimonial-meta-mini {
font-size: 9px;
}}

    Best regards,
    Andy

    July 23, 2015 at 9:42 am #477589
    Monique

    Hi Andy,

    Thanks for your reply.

    The font size is not really the issue…

    I think we can solve the problem when the content will be displayed under the image (like on smaller devices).

    How can I do that?

    Thanks & regards,
    Monique

    July 25, 2015 at 7:12 am #478575
    Ismael

    Hey!

    You can add this in the Quick CSS field:

    @media only screen and (max-width: 770px) {
.avia-testimonial-image {
  margin: 0;
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 15px;
  height: auto;
  max-width: 80%;
}

.avia-testimonial-meta {
  margin-left: 0;
}
}

    Regards,
    Ismael

    July 29, 2015 at 2:09 pm #480221
    Monique

    Hi Ismael,

    That didn’t work either… at least not on my tablet ;-)

    In agreement with the client we solved this in a different way (compact testimonial slider), so you can close this topic.

    Thanks & regards,
    Monique

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Issue with layout testimonials on tablet’ is closed to new replies.