Problems with Mobile

Hi Urs,

Are you looking to remove the indentation on mobile? Otherwise it’s difficult to display different reply levels like that on limited screen widths.

Best regards,
Rikard

Hi Urs,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 480px) { 
#top .commentlist .children ul {
  margin: 0;
}
}

Best regards,
Yigit

Hi,

Thank you for the update.

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code, and make sure to purge the cache before checking the page. To create more space for the comments and for further modifications, please add this css code.

@media only screen and (max-width: 480px) {
  /* Add your Mobile Styles here */
  .sidebar_right .comment_container {
    padding-right: 0;
  }

  #top .commentlist ul {
    margin: 0;
    margin-left: 30px;
  }

  .comment_content {
    margin-left: 50px;
    padding: 0 0 15px 0;
  }
}

If you want to move the gravatar above the comment, add this inside the css media query.

  .comment_content {
    margin-left: 50px;
    padding: 0 0 15px 0;
  }

  .gravatar {
    float: none;
    margin-bottom: 20px;
  }

Best regards,
Ismael