1. 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?

Discussion in 'Styling and Customization Questions' started by CyclingTribe, Sep 1, 2013.

  1. CyclingTribe

    CyclingTribe Well-Known Member

    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?

    Shaun :D
  2. Jeremy

    Jeremy Well-Known Member

    CyclingTribe likes this.
  3. CyclingTribe

    CyclingTribe Well-Known Member

    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):

    .bikelogo {
    float: right;
    padding: 6px 10px 6px 0;
    <xen:if is="@enableResponsive">
      @media (max-width:540px) {
      .bikelogo {
    Last edited: Sep 1, 2013
  4. Arty

    Arty Well-Known Member

    You can wrap it in class="hiddenResponsiveMedium hiddenResponsiveNarrow" instead of making new class.
    digitalpoint, CyclingTribe and AndyB like this.
  5. CyclingTribe

    CyclingTribe Well-Known Member

    I didn't know about those classes - thanks. (y)

Share This Page