• 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?

wickedstangs

Well-known member
#1
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
 

Brogan

XenForo moderator
Staff member
#2
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.