Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Header Not working ...
 
Notifications
Clear all

[Solved] Header Not working on mobile display

5 Posts
2 Users
0 Reactions
2,965 Views
(@personaltaogmail-com)
Member Customer
Joined: 8 years ago
Posts: 5
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
  [#4548]

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: 8 years ago
Posts: 6645
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 8 years ago
Posts: 5
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 8 years ago
Posts: 6645
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 8 years ago
Posts: 5
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Thanks that worked!



   
Share:
Scroll to top