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

Wide logo is stretching, works well at some resolutions, poorly at others

Discussion in 'Styling and Customization Questions' started by BruceW, Mar 11, 2014.

  1. BruceW

    BruceW Member

    I am testing a wide logo filling the logo block at http://jetboaters.net

    It works well for a middle range of widths of the browser.

    Screen Shot 2014-03-11 at 11.22.29 AM.png

    At mobile sized resolutions it becomes long and narrow

    Screen Shot 2014-03-11 at 11.21.18 AM.png
    At wide resolutions it stretches to become taller than the logo block

    Screen Shot 2014-03-11 at 11.24.13 AM.png

    Is there a way that I could make the logo block itself grow and shrink as the logo does, or cause minimum and maximum sizes for the logo?

    Thank you for your advice.
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. BruceW

    BruceW Member

    @Brogan, thank you, your link was what I needed.

    I installed http://xenforo.com/community/resources/responsive-design.2193/ to change the icon at narrow resolutions.

    My issue with the banner becoming too large was that the banner image was taller than the 80 pixels I had allocated for it. So it would stretch to its full height as the window widened. I rescaled it to 80 pixels of height. Now it stretches to its full height and is left aligned after that.

    I may manually code in a third image for wider displays.

Share This Page