• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Need remove this in responsive

Matthew Hawley

Well-known member
#1
I need to remove this in responsive

Code:
<div class="nodeStats pairsInline" style="margin-right: -30px;margin-top: -25px;height: 40px;font-size: 18pt;color: #969696;font-weight: bold;text-shadow: 0 0 0 transparent, 0 -1px 1px rgba(0, 0, 0, 1);float:right;">
            <div class="iconStats"><dl><dt><i class="icon-comment"></i></dt> <dd> <span class="Tooltip" title="{xen:phrase discussions}">{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</span>/<span class="Tooltip" title="{xen:phrase messages}">{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</span></dd></dl>
</div>
 

mistypants

Well-known member
#2
Code:
<xen:if is="@enableResponsive">
   @media (max-width:@maxResponsiveWideWidth) {
     .nodeStats.pairsInline { display: none; }
   }
</xen:if>
You can change the @media to suit whatever width you want it to hide under. The others would be:
Code:
@media (max-width:@maxResponsiveMediumWidth)
Code:
@media (max-width:@maxResponsiveNarrowWidth)