Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 4, 2017 at 6:36 pm #729566
    ananda

    Hi
    I have a small responsive problem with flexible columns. While some flex columns seem to work other are not jumping in the next rows. (see attached image.

    What did I do wrong here? I’ve add to the color section where they are inside a class – could this be the problem?

    Thank you for a hint
    Regards
    Ananda

    • This topic was modified 7 years, 10 months ago by ananda.
    January 5, 2017 at 7:21 am #729753
    Rikard

    Hey reamisag,

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

    @media only screen and (max-width: 767px) {
.avia-animated-number-title {
  font-size:30px !important;
}
}

    Best regards,
    Rikard

    January 5, 2017 at 1:02 pm #729843
    ananda

    Thx Rikard
    That made the text smaller which is kind of OK (plan B), but is there a way to have it like default responsive – each column in its own row. Like the “icon boxes” above for example.

    Also there is another small issue: somehow when on mobile the testemonial image and title of the person are not centered but aligned left. I can’t find it where this is defined… on desktop however it seems to be correct.

    Thank you regards
    Ananda

    January 6, 2017 at 5:44 am #730167
    Rikard

    Hi,

    Thanks for the feedback, please try this instead:

    @media only screen and (max-width: 767px) {
.home .post-entry-2 .av_one_fourth {
    width:100% !important;
    margin-left: 0 !important;
}
}

    Best regards,
    Rikard

    January 6, 2017 at 12:11 pm #730277
    ananda

    Hi,

    Thank you – it works for the first issue. Could you pls help me out with the second isse as well.

    Why is the testemonial image and title of the person not alligned to center?

    Thank you & Best regards
    Ananda

    January 9, 2017 at 7:02 am #730992
    Ismael

    Hi,

    Please add this css code.

    @media only screen and (max-width: 767px) {
.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
    margin: 0 auto !important;
    float: none;
}

#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    float: none;
    text-align: center;
}
}

    Best regards,
    Ismael

    January 9, 2017 at 2:21 pm #731138
    ananda

    perfect, thx for help :-)

    January 10, 2017 at 5:40 am #731371
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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