WpDiscuz doesn't layout the header on mobile correctly. It shoves the headers over by a small margin. I reviewed the forums and a few people had the same problem. But I couldn't find any css fixes or solutions in those posts.
Here is what the problem looks like
One page you can see this problem for mobile form my site would be this page:
https://personaltao.com/taoism/how-to-learn-taoism/
Do you have any CSS fixes for this issue?
Thanks
Casey Kochmer
Please leave some information about your phone and phone browser.
We've checked on several devices and don't find such an issue.
LOOK AGAIN at the pictures you posted, they show the very problem!
The Comment headers are out of total alignment from the body of the text.
The problem is on all devices and all browsers. That isnt a feature thats a CSS bug. as soon as you bump up the it goes into perfect alignment.
Please add the following CSS code in "Custom CSS code" textarea, located in the Dashboard > Comments > Settings > Styling admin page.
@media screen and (max-width: 800px){
#wpcomm .wc-reply .wc-comment-header, #wpcomm .wc-comment-header {
margin-left: 0px !important;
}
}
Please test it on other mobile devices or try on incognito mode. Because mobile browsers have a hard cache, you'll not be able to see the changes immediately.
Thanks that worked!