Title: Responsive Page
Last modified: August 30, 2016

---

# Responsive Page

 *  [Rhino111](https://wordpress.org/support/users/rhino111/)
 * (@rhino111)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/)
 * Hi …I have a wp website with a responsive theme, looks great on my phone. I created
   a custom page template to use with a form i created. My problem is although my
   site is responsive my new form page is not showing up as responsive on my mobile
   device. Any chance someone may be able to help me out?
    the rest of the site 
   is fine i think its just the template page I created is missing something

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292289)
 * Can you post a link to the page in question?
 *  Thread Starter [Rhino111](https://wordpress.org/support/users/rhino111/)
 * (@rhino111)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292291)
 * Hi Thanks…
 * The following is the page in question that isn’t working as far as the mobile
   view goes
    [http://www.appianseo.com/letsgetstarted/](http://www.appianseo.com/letsgetstarted/)
 * Hi The main page is [http://www.appianseo.com/](http://www.appianseo.com/) that
   is working great on the mobile view.
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292292)
 * You have this bit of CSS:
 *     ```
       #page-content {
         width: 640px;
         margin: 20px auto;
         text-align: left;
       }
       ```
   
 * which sets the width of the container to be 640 pixels, regardless of the window
   size. If you deleted that line from the page template (and possibly added some
   left and right margins), you’d be good:
 *     ```
       #page-contact {
         margin: 20px 20px;
         text-align: left;
       }
       ```
   
 *  Thread Starter [Rhino111](https://wordpress.org/support/users/rhino111/)
 * (@rhino111)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292300)
 * Hi Thanks! it is definitely working on the mobile device now but on the website
   version the content now stretches across the entire screen.
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292304)
 * You could set a maximum width on the container and also use a `@media` query 
   to set a different maximum width on smaller screens:
 *     ```
       #page-content {
         max-width: 640px;
         margin: 20px auto;
       }
   
       @media screen and (max-width: 796px) {
         #page-content {
           max-width: 90%;
           text-align: left;
         }
       }
       ```
   
 * With this code, the container would be a maximum width of 640 pixels, with 20
   pixels of margin on the top and the bottom and centered within the screen. However,
   if the browser window is 769 or less pixels wide, the maximum width of the container
   is 90% of the window, instead.
 *  Thread Starter [Rhino111](https://wordpress.org/support/users/rhino111/)
 * (@rhino111)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292308)
 * Worked Perfect Thanks so much!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Responsive Page’ is closed to new replies.

 * 6 replies
 * 2 participants
 * Last reply from: [Rhino111](https://wordpress.org/support/users/rhino111/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-page/#post-6292308)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics