wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Header Formating in version 7 is messed up on mobile


airayn
Posts: 8
Topic starter
(@airayn)
Active Member
Joined: 2 years ago
image

The header gets all smushed relative to the reply button in smaller mobile format (is just fine in desktop)

IS  there css i can use to fix this or it an issues in 7.0

For version 5 i used to use css

@media screen and (max-width: 800px){
#wpcomm .wpd-comment-header { margin-left: 0px !important; }

 
}

to fix it, but with the new layout and css that doesnt work anymore?

Topic Tags
2 Replies
Tom
Posts: 447
 Tom
Support
(@tomson)
Support Team
Joined: 6 years ago

Hi @airayn,

Please use this CSS code for the wpDiscuz 7 version. Delete all caches and use incognito/private session of mobile browsers when you check it to avoid the hard cache:

@media screen and (max-width: 800px){
      #wpdcom .wpd-comment .wpd-comment-header .wpd-user-info,
      #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info{margin-left: 0; margin-top:0; }
}
1 Reply
airayn
(@airayn)
Joined: 2 years ago

Active Member
Posts: 8

@tomson Awesome that works perfectly!!

Share: