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

XF 1.3 How do you make a Node Responsive Page?

Discussion in 'Styling and Customization Questions' started by wickedstangs, Mar 2, 2014.

  1. wickedstangs

    wickedstangs Well-Known Member

    Trying to make this look good on a phone. How do you make it responsive?
    http://www.foxbodymustangs.org/

    Code:
    <body><center>
    <p><img src="http://www.foxbodymustangs.org/images/strip2.JPG" /></p>
    <p>
    <h1><a href="https://www.facebook.com/foxbodymustangs.org"><img src="http://www.foxbodymustangs.org/images/frontfbmorg.png" alt="Fox Body Mustangs"/></a></h1>
      
    
    <div class="messageText ugc baseHtml">
      <h2>Welcome!</h2>
        <strong>FoxBodyMustangs.org</strong>
        <p class="prev-indent-bot">Fox Body Mustang Enthusiasts this is a forum dedicated to the fox body mustangs and anyone who owns and or appreciates these awesome cars. This forum is intended to be used by enthusiasts of the Fox body Ford Mustangs (1979-1993).<br>
          <br>
        Again Welcome and Hope you enjoy your stay.<a href="http://www.foxbodymustangs.org/community/register/"><img src="http://foxbodymustangs.org/images/sign.png" alt="Sign Up Now" /></a>    </div></p>
    
    <p><img src="http://www.foxbodymustangs.org/images/strip.JPG" /></p></center>                                             
    </body>
    This is what it looks like..
    Screenshot_2014-03-02-15-12-18.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    The top image is 950 pixels wide.
    That's never going to fit on a small screen.

    See the responsive design resource in my signature for general guidelines.
     

Share This Page