Header Not working ...
 
Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum wpForo Support Forum

[Solved] Header Not working on mobile display


Kenneth Kochmer
(@personaltaogmail-com)
Member Customer
Joined: 4 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
CSS
Astghik
(@astgh)
Support Team Admin
Joined: 4 years ago
Posts: 5048
 

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

Kenneth Kochmer
(@personaltaogmail-com)
Member Customer
Joined: 4 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)
Support Team Admin
Joined: 4 years ago
Posts: 5048
 

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.  


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

Thanks that worked!


Share:
Scroll to top