XF 1.5 Hide account upgrades in responsive

[Amin Sabet]

Is there any code I can use in EXTRA.css to hide account upgrades in responsive? I'm submitting a web wrapper app to the Apple app store, and they don't allow it since it bypasses their revenue scheme for in-app payments.

 

[Paul B]

Media queries can be used to hide content based on the viewport width.

https://xenforo.com/community/resources/responsive-design.2193/

 

[Amin Sabet]

Thanks, Brogan. Can you recommend CSS that will hide the account upgrades link without hiding the rest of the user control panel?

 

[Paul B]

This guide will help you identify the template and associated classes: https://xenforo.com/community/resources/how-to.4390/

 

[Amin Sabet]

In case anyone else is looking to do this in order to get a web wrapper app in compliance with app store policies, here is the solution I used:


Edit the template navigation_visitor_tab and change

<li><a href="{xen:link account/upgrades}">

to

<li class="hideupgrades"><a href="{xen:link account/upgrades}">

Add the following to template EXTRA.css:

@media (max-width:@maxResponsiveWideWidth)
{
     .hideupgrades { display: none; }
}