[Solved] Link Back Comments Creating Void on Mobile

This title should be cut with “…” suffix. You can enable this using the code below. Put this code in Dashboard > Comments > Settings > Styling > Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 on front-end:

#wpcomm .wc-comment-author a {display: block !important;}
@media screen and (max-width:800px){
 #wpcomm .wc-comment-author a {display: block !important;}
}

This worked perfectly, Tom. Really appreciate your assistance.

Hi Tom,

Sorry to bother you again, but suddenly this issue has cropped up again. I completed your instructions again, but I'm not get any result. Any ideas? FYI: the screen shot I provided previously reflects the issue as it appears now. 

Thanks,

Justin

Please leave your website URL to allow us debug CSS conflicts. Also please remove the old custom CSS code.

Hi Tom,

The old CSS has been removed. URL is  http://madhattersnyc.com/

Thanks for your assitance!

Justin

I don't see any problem here:

http://madhattersnyc.com/2018/06/05/bushwick-collective-2018-street-art-photos/

Here are some examples. Obviously, it looks even worse on mobile, but you can still see examples on desktop in the comments section. Thanks again.

http://madhattersnyc.com/2017/01/13/chuck-close-2nd-avenue-subway/

http://madhattersnyc.com/2017/06/23/sun-surf-street-art-visit-coney-art-walls/

http://madhattersnyc.com/2017/07/13/astoria-welling-court-mural-project/

Hi MadHattersNYC,

Please put the following CSS code  in Dashboard > Comments > Settings > Styling > Custom CSS Code textarea, delete all caches and check again. 

#wpcomm .wc-comment-author{
   width:100%;
}
#wpcomm .wc-comment-author a{
   display: block !important;
}

Thank you so much! This worked. Would you mind explaining what might have changed? Is there something I need to keep in mind for the future?

-Justin