XF 1.5 mobile view

Brad P

Well-known member
morning,
I need some help please on the mobile look on the members posting view. See image below its a little ugly and needs tidying up. Any idea on how I can achieve this.
 

Attachments

  • wp_ss_20160818_0001.webp
    wp_ss_20160818_0001.webp
    44.3 KB · Views: 14
maybe something like this :p

Two Css classes i played with :p

Code:
.messageUserInfo .som{
    text-align: left;
    padding-left: 70px;
}
.Responsive .messageUserBlock .userBanner{
width:100%
}

Moderator: Refrain from posting images which breach the site rules related to censored words.
 
Last edited by a moderator:
.messageUserInfo .som{ text-align: left; padding-left: 70px; } .Responsive .messageUserBlock .userBanner{ width:100% }
how can i get it so is doesn't display the banners on mobile.

i did this but it removes it from pc view also.
Code:
.Responsive .messageUserBlock .userBanner
{
  display:none !important;
}
 
how can i get it so is doesn't display the banners on mobile.

i did this but it removes it from pc view also.
Code:
.Responsive .messageUserBlock .userBanner
{
  display:none !important;
}

use that code like this so that it doesn't came in pc view :)

Code:
@media (max-width:481px) {

.Responsive .messageUserBlock .userBanner
{
  display:none !important;
}

}
 
Top Bottom