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

XF 1.5 Responsive Header Problem

Discussion in 'Styling and Customization Questions' started by triforceguy1, Jun 2, 2016.

  1. triforceguy1

    triforceguy1 Member

    EDIT - Nevermind, I found that I forgot to add a trailing } haha

    Hello,

    So I am modifying the templates a bit to help my forum look better on mobile devices and its looking great on mobile, but it's also screwing over the appearance on bigger screens

    Here's the snippet I'm using in Header.css:

    Code:
    <xen:if is="@enableResponsive">
    
    @media (max-width:@maxResponsiveNarrowWidth)
    {
        #logo
        {
            display: block;
            line-height: {xen:calc '@headerLogoHeight - 4'}px;
            *line-height: @headerLogoHeight;
            height: 125px;
            max-width: 100%;
            position: left-top;
            padding-left: 0px;
            padding-bottom: 0px;
        }
    
    
    </xen:if>
    And I've attached a screenshot of the desktop site
    Screen Shot 2016-06-02 at 11.33.51.png
    Screen Shot 2016-06-02 at 11.33.58.png
    Please could someone help me out?
    Leon
     

Share This Page