Jashugan Member May 24, 2021 #1 The mobile version doesn't seem to display user signatures. Is there a way to change this?
Ozzy47 Well-known member May 24, 2021 #2 Add this to your extra.less CSS: /* SIGNATURE ON MOBILE */ @media (max-width: @xf-responsiveNarrow) { .message-signature { display: block !important; } } Upvote 0 Downvote
Add this to your extra.less CSS: /* SIGNATURE ON MOBILE */ @media (max-width: @xf-responsiveNarrow) { .message-signature { display: block !important; } }
Jashugan Member May 24, 2021 #3 Thanks. But that cuts the image short instead of resizing it. I already have the following code in extra.less (in order to limit sig sizes, because frustratingly, for some reason that isnt a default feature of xenforo....) Code: .message-signature img { max-width: 500px; max-height: 130px; } Is there a way to make it so that the full sig is displayed in mobile version, albeit resized as appropriate for the screen? Upvote 0 Downvote
Thanks. But that cuts the image short instead of resizing it. I already have the following code in extra.less (in order to limit sig sizes, because frustratingly, for some reason that isnt a default feature of xenforo....) Code: .message-signature img { max-width: 500px; max-height: 130px; } Is there a way to make it so that the full sig is displayed in mobile version, albeit resized as appropriate for the screen?
Ozzy47 Well-known member May 24, 2021 #4 Did you add the code I provided before or after what you have? Upvote 0 Downvote
Jashugan Member May 24, 2021 #5 After. Just tried putting it before, and there seems to be no difference. Upvote 0 Downvote
D djbaxter in memoriam 1947-2022 May 25, 2021 #6 This works for me. Add to extra.less for your style(s): CSS: /* display signatures on mobile */ @media (max-width: 480px) {.message-signature {display: block; } } Upvote 0 Downvote
This works for me. Add to extra.less for your style(s): CSS: /* display signatures on mobile */ @media (max-width: 480px) {.message-signature {display: block; } }