Header Not working ...
 
Notifications
Clear all

[Solved] Header Not working on mobile display

5 Posts
2 Users
0 Reactions
1,787 Views
(@personaltaogmail-com)
Member Customer
Joined: 7 years ago
Posts: 5
Topic starter  

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

header problem

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


   
Topic Tags
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6146
 

Hi @personaltaogmail-com,

Please leave some information about your phone and phone browser.

We've checked on several devices and don't find such an issue. 

Screenshot 20190928 141535
Screenshot 2019 09 28 14 14 27 1899719716

   
(@personaltaogmail-com)
Member Customer
Joined: 7 years ago
Posts: 5
Topic starter  

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.

header problem

 


   
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6146
 

ok @personaltaogmail-com,

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.  


   
(@personaltaogmail-com)
Member Customer
Joined: 7 years ago
Posts: 5
Topic starter  

Thanks that worked!


   
Share:
Scroll to top