Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 7, 2017 at 1:56 pm #789086
    invitejoy

    Hey, It seems all works fine with a website, but I cannot see all the photos on a mobile view (Android, haven’t check iPhone)?
    I could not identify a reason myself, could you maybe help with that?
    Thanks!

    May 7, 2017 at 9:06 pm #789184
    Victoria

    Hey invitejoy,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av-layout-grid-3 .flex_cell.no_margin.av_one_half.avia-builder-el-13 {
 min-height: 200px; 
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 8, 2017 at 3:44 pm #789667
    invitejoy

    Hey Victoria, thanks a lot. It helped and it did not. I could see both photos on About page, but they were moved together, not separately and that did not look too good.
    It is also the same issue with missing photos on other pages, like reference and home pages.
    What else could we do?
    Thank you.

    May 9, 2017 at 7:31 am #790033
    Ismael

    Hi,

    but they were moved together

    That’s quite normal because the cells with the images are rendered right after the other. A workaround is to add a new grid with the same content or cells in different order or a grid that is specifically designed for mobile view. Use css media queries to toggle the grids’ display properties on different screen sizes.

    // http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Basically, you will have two grids with the same content on the same page but the cells are ordered differently. You’ll then hide one grid and display the other on mobile and desktop view.

    Best regards,
    Ismael

    May 22, 2017 at 1:47 pm #797638
    invitejoy

    Hey Ismael, Thanks a lot, however it seems like a lot work considering that I want to have it in two languages.
    However, the code which you gave helped only for “About” page (to have both photos visible) and even I leave it as it for now, “Reference” page leaves an empty space instead of a photo on a mobile view and that doesn’t look that good.
    Also “Home” page is missing a photo, but at least it comes together in a more smooth way,
    Thanks,

    May 22, 2017 at 1:48 pm #797641
    invitejoy

    Could you give a faster suggestion at least for fixing “reference” page?

    May 23, 2017 at 5:43 am #798054
    Ismael

    Hi,

    Please let me explain how the elements or cells are rendered. Let’s say AA are the cells with the texts and BB are the ones with images. On desktop, this is how they are rendered.

    
AA BB
BB AA

    On mobile, the first BB or the first cell with the image cannot skip the other BB automatically so the cells will render on top of each other.

    
AA
BB
BB
AA

    I hope that’s somehow understandable. We have encountered a lot of users with the same issue and the workaround above, unfortunately, is the fastest solution.

    Best regards,
    Ismael

    May 23, 2017 at 11:11 am #798172
    invitejoy

    Thanks! :)
    I understand, more than clear explanation.

    May 24, 2017 at 3:31 pm #798958
    Ismael

    Hi,

    Great! Let us know if you need help with the workaround. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Photos on a mobile view’ is closed to new replies.