XF 1.4 Responsive design conditional

[reddy ink]

I would like tagline NOT show in responsive design in RM

Is this the conditional statement in resource_list_view

<xen:if is="@enableResponsive">
{$resource.tag_line}
</xen:if>

 

[Paul B]

Styles are either responsive or they aren't.
It's not something which is device dependent.

If a style is set as responsive then the responsive flag is true, otherwise not.

You can use media queries which are based on the device width - see the link in my signature for a guide.

 

[reddy ink]

Thank you for the reply. I was looking for a conditional statement to hide some text when seen on mobile devices. Example: tagline on resource_index.

 

[HappyWorld]

Thank you for the reply. I was looking for a conditional statement to hide some text when seen on mobile devices. Example: tagline on resource_index.

If i understand your problem correctly, you can try this add-on
https://xenforo.com/community/threads/browser-detection-mobile-msie.38613/#post-466164

 

[Arty]

Showing/hiding elements is done by using media queries. Conditional statement only checks if responsive design is enabled and hides media queries if it is disabled, it doesn't control anything other than that.

Add this to extra.css:

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
  .resourceInfo .tagLine { display: none; }
}
</xen:if>

 

[reddy ink]

@Arty
I added your suggested code to extra.css but tagline still shows in responsive design.

 

[Arty]

Probably some other rule is overriding it. Try adding !important to it

{ display: none !important; }

 

[reddy ink]

@Arty
thanks a lot!