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

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

CyclingTribe

Well-known member
#1
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 :D
 

CyclingTribe

Well-known member
#3
Thanks - looks like wrapping it in its own class is the way to go. (y)

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

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

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