Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 19, 2015 at 10:18 pm #446740
    wordmax

    Hi,
    on the page below I use 3 testimonialboxes side-by-side and there are 3 problems with responsivity

    a) When I use a displaywidth smaller then 1230px, the boxname disappear bit by bit.
    b)When I use a displaywidth smaller then 880px, even the text of the boxes disappear bit by bit.
    c) When I reduce the displaywidth, the first row of boxes get smaller then the second/third row. That looks very ugly. What can I do?

    Thank you very much for your help!

    Regards,
    wordmax

    May 21, 2015 at 6:17 am #447569
    Rikard

    Hi wordmax!

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

    @media only screen and (min-width: 880px) and (max-width: 1230px) {
.page-id-3654 .no_margin.av_one_third {
  width: 50% !important;
}
}

@media only screen and (max-width: 879px) {
.page-id-3654 .no_margin.av_one_third {
  width: 100% !important;
}
}

    You might need to adjust the pixel values in the media queries a bit if it does not work as intended.

    Regards,
    Rikard

    May 21, 2015 at 2:03 pm #447727
    wordmax

    Hi Rikard,
    thank you for your answer. Maybe I do something wrong, but I inserted the code to Quick CSS and
    theres is no effect. Please have a look here http://goo.gl/7BvcD2

    Thank you!
    Regards,
    wordmax

    May 22, 2015 at 4:50 am #448143
    Ismael

    Hey!

    Try this code:

    @media only screen and (min-width: 880px) and (max-width: 1230px) {
.page-id-3654 .avia-testimonial.av_one_third {
  width: 50% !important;
  display: block;
}
}

@media only screen and (max-width: 879px) {
.page-id-3654 .avia-testimonial.av_one_third {
  width: 50% !important;
  display: block;
}
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    May 23, 2015 at 5:11 pm #449072
    wordmax

    Hi Ismael, hi Rikard
    now it works perfectly.
    Thank you very much for your help!
    Regards,
    wordmax

    May 25, 2015 at 4:49 am #449322
    Ismael

    Hey!

    Glad we could help. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Testimonialbox-responsivity problems’ is closed to new replies.