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

✦ Summarize Topic

Plugin Update Issues

Last Post by airayn 6 years ago

3 Posts

2 Users

0 Reactions

1,635 Views

RSS

Posts: 8

airayn

Topic starter

Translate ▼

Jun 10, 2020 6:36 am

(@airayn)

Active Member

Joined: 6 years ago

[#318]

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

css format

2 Replies

Posts: 509

Tom

Support

Translate ▼

Jun 10, 2020 8:02 am

(@tomson)

Honorable Member

Joined: 10 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; }
}