Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 2, 2017 at 3:18 am #802834
    justmind

    So, I am having this issue again despite the code that was previously added. Resize the following page to mobile and you will see what I mean… https://justmind.org/about-us-2/

    @media only screen and (max-width: 480px) {
    .avia-caption.av-slideshow-caption { display: none !important; }}

    @media only screen and (max-width:767px) {
    img.avia_image.avia_image_team {
    width: 100%;
    }
    }

    .team-img-container img {
    max-width:240px !important;
    }

    June 2, 2017 at 12:55 pm #802985
    Rikard

    Hey justmind,

    Thanks for the link, is the issue that the images are overlapping the element below it?

    Best regards,
    Rikard

    June 2, 2017 at 2:56 pm #803047
    justmind

    The goal is for the images to be evenly sized with the clickable area beneath them for the social action. Before the last update, this piece of CSS had fixed that.

    .team-img-container img {
    max-width:240px !important;

    June 3, 2017 at 6:37 am #803268
    Rikard

    Hi,

    Ok, thanks for the feedback. Please try the following CSS as well:

    div.team-social {
    max-width: 240px !important;
    margin: 0 auto;
}

    Best regards,
    Rikard

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