Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #729566

    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, 11 months ago by ananda.
    #729753

    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

    #729843

    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

    #730167

    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

    #730277

    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

    #730992

    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

    #731138

    perfect, thx for help :-)

    #731371

    Hi,

    Glad we could help :-)

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

    Best regards,
    Rikard

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