XF 1.5 How to edit responsive settings?

[viper357]

Hi all,

How do I hide things like Location, Posts, Join Date etc. in responsive view?

On default style it works fine, but I'm looking to hide all of this information in my custom style as well.

Is there a template I can copy and paste the code from the default style into my custom style?





Thank You.

 

[Paul B]

You can use media queries or specifically designed classes.

This guide should help: https://xenforo.com/community/resources/responsive-design.2193/

 

[viper357]

Thanks for that. I've managed to do it, thank you.

One thing I am trying to do but am struggling with is how to show a members post count in responsive view. Is this possible? I've tried it using
<xen:if is="@enableResponsive"> but I'm not very good with css. Any tips on how to do this?

 

[Paul B]

That conditional statement is just for whether the style has the responsive flag set.

You will need to look for the existing code which shows the post count and override or remove whatever is currently hiding it in the narrow view.

 

[viper357]

Figured it out, thanks.

In template message_user_info I added:

<!-- show post count in responsive view -->
<xen:if is="@messageShowMessageCount AND {$user.user_id}">
<span class="responsiveMessageCount">{xen:phrase messages}: <a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></span>
</xen:if> 
<!--  end of showing post count in responsive -->

then in message_user_info.css I added this to the top:

/* code to show posts only in responsive view */
span.responsiveMessageCount
{
  display: none;
}
/* end of code to show posts in responsive view */

and this near the bottom under the responsive section:

/* code to show posts only in responsive view */
    .Responsive .responsiveMessageCount
    {
        display: block;
    }
/* end of code to show posts in responsive view */

I hope my coding is ok, I have no idea what half of it means, lol.