Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2021 at 9:18 pm #1321413
    IntactMarketing

    I have this issue with this page https://hcrc.ca/our-team/ while it looks amazing on the desktop, the images are not showing on mobile devices.

    Is there a way to fix this? I would really like the pictures to be visible on mobile devices as well.

    Thank you in advance

    September 19, 2021 at 1:33 pm #1321516
    Nikko

    Hi IntactMarketing,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #top.page-id-133 .flex_column_table.av-equal-height-column-flextable {
    display: flex;
    flex-direction: column;
  }

  #top.page-id-133 .flex_column_table.av-equal-height-column-flextable .av_one_third {
    height: 500px;
    order: 1;
  }

  #top.page-id-133 .flex_column_table.av-equal-height-column-flextable .av_two_third {
    order: 2;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    September 20, 2021 at 10:10 pm #1321697
    IntactMarketing

    Ok, this did not help. Still, the images from Our team page are not showing up on mobile devices. How can we get these pictures shown on mobile devices too???

    September 21, 2021 at 4:38 am #1321702
    Nikko

    Hi IntactMarketing,

    I have checked it and the code isn’t being fetched.
    Can you try to clear the cache in Autoptimize? if it’s still not showing, please temporarily disable the said plugin and see if it helps.

    Best regards,
    Nikko

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