XF 1.2 Responsive - How do I "disappear" my right-side header logo in narrow view?

[CTXMedia]

I've upgraded CycleChat tonight and the bike logo on the right side of my header is wrapping in a narrow (iPhone Portrait) view and messing things up.

How do I make it not display in a narrow view?

Thanks,
Shaun

 

[Jeremy]

Without adding a class to it, you'll be unable to selectively hide it. Other than that, Paul's resource describing how to hide elements should explain it:
http://xenforo.com/community/resources/responsive-design.2193/

 

[CTXMedia]

Thanks - looks like wrapping it in its own class is the way to go.

[Edit] - Ended up with this (in case it's useful to anyone else):

.bikelogo {
float: right;
padding: 6px 10px 6px 0;
}

<xen:if is="@enableResponsive">
  @media (max-width:540px) {
  .bikelogo {
  display:none;
  }
  }
</xen:if>

 

[Arty]

You can wrap it in class="hiddenResponsiveMedium hiddenResponsiveNarrow" instead of making new class.

 

[CTXMedia]

You can wrap it in class="hiddenResponsiveMedium hiddenResponsiveNarrow" instead of making new class.

I didn't know about those classes - thanks.