Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2020 at 3:51 am #1252655
    navindesigns

    The layout for the testimonials is looking odd ; because the name etc is very far down, and the text alignment is off. I think the solution is if we can have the name fall under the text. And make the image smaller? Maybe then the text won’t looked squished.(or if you have a better solution) I also noticed on desktop that some of the names are under the text and some are slightly under the picture

    Screenshots
    Whats-App-Image-2020-10-13-at-9-21-52-PM
    Whats-App-Image-2020-10-13-at-9-24-25-PM
    Whats-App-Image-2020-10-13-at-9-25-13-PM

    URL

    Home

    October 15, 2020 at 12:47 pm #1253000
    Rikard

    Hey navindesigns,

    You have this CSS applying to the image:

    .avia-testimonial-image {
    width: 160px !important;
    height: 160px !important;
}

    It doesn’t look like that is the default styling, did you add that maybe? If so then please try wrapping it a media query if you don’t want it applying on mobile screens.

    Best regards,
    Rikard

    October 16, 2020 at 4:15 am #1253124
    navindesigns

    Thank you

    I removed that css and it looks great on desktop but on mobile it is not correct. Can we have the name align below the text?

    Screenshot
    Whats-App-Image-2020-10-15-at-12-49-17-PM

    Thanks

    October 17, 2020 at 6:18 am #1253425
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia-testimonial-meta-mini {
    width: 69%;
    float: right;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.