ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• April 9, 2015 at 6:16 am #163934
  camind

  Member

  Post count: 228

  Hi,

  On mobile view the related articles don’t always show in the right place. see attachment

  Thanks again

  Attachments:

  You must be logged in to view attached files.
  April 9, 2015 at 8:01 am #163949
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I checked this page http://174.120.241.66/~cancermi/2014/08/worst-cancer-charities-to-avoid.html and seems fine to me.
  Thanks
  Mohammad

  April 9, 2015 at 8:57 am #163976
  camind

  Member

  Post count: 228

  Hi,

  Check this one http://174.120.241.66/~cancermi/2014/05/honey-bees-have-secret-cancer-weapon.html

  Also remember it doesn’t do it every time.

  thanks

  April 9, 2015 at 9:00 am #163977
  camind

  Member

  Post count: 228

  The reason it doesn’t do it all the time is because it depends which related articles show up. I think it has something to do with the length of the titles.

  Thanks

  April 9, 2015 at 9:01 am #163979
  camind

  Member

  Post count: 228

  Can you please put a character limit for the titles on related posts. That should solve the problem.

  Thanks

  April 9, 2015 at 9:10 am #163983
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 479px) {
  .related-items li {
      max-height: 154px !important;
  }
  }

  Thanks
  Mohammad

  April 9, 2015 at 9:11 am #163984
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css:

  .related-items .related-item {
    min-height: 210px;
  }

  – Kyle

  April 16, 2015 at 9:24 pm #165748
  camind

  Member

  Post count: 228

  Hi,

  I used this css that you gave me

  .related-items .related-item {
  min-height: 210px;
  }

  At first I thought it was resolved and for some screen sizes it did help. But on other screen sizes it still happens. see attachment

  Thanks

  Attachments:

  You must be logged in to view attached files.
  April 17, 2015 at 5:13 am #165782
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .related-items .related-item {
    min-height: 276px !important;
  }
  @media only screen and (max-width: 479px) {
  .related-items .related-item {
    min-height: 196px !important;
  }
  }

  Thanks
  Mohammad

  April 17, 2015 at 8:46 pm #166136
  camind

  Member

  Post count: 228

  Hi,

  Sorry….just added that css and same problem still.

  Thanks

  April 17, 2015 at 8:52 pm #166137
  camind

  Member

  Post count: 228

  I even tried min height to be 300px and still didn’t fix the issue.

  Thanks

  April 17, 2015 at 10:16 pm #166153
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you check again, I fixed an error you had in one css rule.
  Instead of min you had mn

  -Rui

  April 17, 2015 at 10:35 pm #166156
  camind

  Member

  Post count: 228

  Hi,

  Still happens. But its weird because it only happens about 1 out of 10 page loads. So its doesn’t happen every time. I don’t know why this happens unless it depends which articles show up and how long the title is for each.

  Thanks

  April 20, 2015 at 10:54 pm #166622
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Very strange. I couldn’t replicate it.
  https://www.dropbox.com/s/l89zh7fll8yi3x8/2015-04-21%2009.51.54.png?dl=0

  Try to clear the browser cache.

  -Rui

  April 27, 2015 at 11:53 pm #169247
  camind

  Member

  Post count: 228

  hi,

  Cleared cache etc.

  Took another screen shot….. depends on screen width and which articles show up…. I have no other ideas.

  see Attachment

  Thanks

  Attachments:

  You must be logged in to view attached files.
• Back to forum

  Posted in: Dante