Title: Website Responsive
Last modified: August 30, 2016

---

# Website Responsive

 *  [george3098](https://wordpress.org/support/users/george3098/)
 * (@george3098)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/)
 * I have hand coded my website but the responsive is not working. this is my website
   [http://www.georgecope.co.uk](http://georgecope.co.uk/) if you want any code 
   from me to share please tell me.

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

 *  Anonymous User 7842110
 * (@anonymized-7842110)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369688)
 * Hi,
 * You don’t seem to be using any ‘[media queries](http://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/)‘
   to handle the responsive sections of your CSS.
 * For example, your **‘featured_title’** element is still set to a fixed width 
   of **1370px**, even when I view it on mobile. This is far too wide for a standard
   portrait phone display.
 * If you’re going to hand-code sites, and don’t have too much experience with responsive,
   I suggest you build on a responsive starter theme, such as [underscores](http://underscores.me/),
   which I’ve used on many occasions.
 * Have a read up on media queries in CSS, you’ll love them once you get the hang
   of it!
 *  Thread Starter [george3098](https://wordpress.org/support/users/george3098/)
 * (@george3098)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369690)
 * I have done responsive but not with wordpress.
 *  Anonymous User 7842110
 * (@anonymized-7842110)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369698)
 * It all works the same. WordPress still outputs HTML/CSS, so you can apply the
   same methods as you would with flat a flat HTML site.
 * You just need to identify where you’ve used fixed widths in your CSS and create
   appropriate media queries.
 * Your **‘header_container’** element currently has a fixed width of 1370px. So
   when you view the site on a device with a screen narrower than 1370px, you need
   to create a media query rule so that the element is resized …
 * E.g. If you were view it on an iPhone 5s in portrait mode (640px wide), you might
   use …
 *     ```
       @media screen and (max-width: 640px) {
       .header_container { width: 500px; }
       }
       ```
   
 * Alternatively, you could look at using fluid widths (%) to handle most of the
   size changes and just use media queries when you want the content to stack properly
   for mobiles.
 *  Thread Starter [george3098](https://wordpress.org/support/users/george3098/)
 * (@george3098)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369705)
 * Ok thanks
 *  Thread Starter [george3098](https://wordpress.org/support/users/george3098/)
 * (@george3098)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369925)
 * I have found out that the repsonsive is not working because i was using google
   chrome which i dont understand about, when i used firefox it is working fine,
   do you know why?
 * And I know why because of display: block, google chrome doesnt like, it. Not 
   sure what to use to replace that?

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

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

 * 5 replies
 * 2 participants
 * Last reply from: [george3098](https://wordpress.org/support/users/george3098/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/website-responsive/#post-6369925)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics