XF 1.3 Text cramped into very narrow columns in responsive design

Valvar

Member
Greetings!

Could anyone help me fix this issue with how the text is rendering in responsive design?

FBYHO4O.png


(forum url: http://lumineboreali.net/)

Edit: to clarify - it seems like the postbit is 'reserving' space, so that no text can be shown below it...
 
Greetings!

Could anyone help me fix this issue with how the text is rendering in responsive design?

FBYHO4O.png


(forum url: http://lumineboreali.net/)

Edit: to clarify - it seems like the postbit is 'reserving' space, so that no text can be shown below it...

It's in regards the big and tall avatars, the !important you've added for that template modification is overwriting the responsive css. I would look at removing the css added via that template modification and putting it into the style properties so you don't need the !important tags
 
Last edited:
Apologies, but just a quick question: what are the elements called for the quickreply field? I tried
HTML:
.Responsive .conversation_view .quickReply{
margin-left: 0!important;
width: auto!important;
}

.Responsive .quickReply{
margin-left: 0!important;
width: auto!important;
}

but it still looks like this:

xEAGKdv.png
 
Nevermind, I managed to figure it out myself:

HTML:
<xen:if is="@enableResponsive">
  @media (max-width:@maxResponsiveNarrowWidth) {
  .message .messageInfo
  {
     margin-left: 0px !important;
   }  
}
</xen:if>
 
Top Bottom