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?

    Thanks,
    Shaun :D
     
  2. Jeremy

    Jeremy XenForo Moderator Staff 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):

    Code:
    .bikelogo {
    float: right;
    padding: 6px 10px 6px 0;
    }
    
    <xen:if is="@enableResponsive">
      @media (max-width:540px) {
      .bikelogo {
      display:none;
      }
      }
    </xen:if>
    
     
    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