changing the width of 2011 without it becoming responsive

  • Hi,
    Im using a child theme of WP 2011 (one column) for my website https://www.ungewinster.com
    I got rid of the responsiveness by adding:

    body {
	padding: 0 2em;
}
#page {
	margin: 2em auto;
	width: 1000px;
}

    to my stylesheet as I didnt like the way the site looked when the browser was resized or when it was being opened on a mobile device.

    Now I would like to widen the content for which I found inserting this in the appropriate places very helpful :

    /*
Theme Name: Raindrops Wide Theme
Theme URI: https://www.digitalraindrops.net
Description: twentyeleven wider child theme
Author: Digital Raindrops
Template: twentyeleven
Version: 1.2
*/

/* =Do not add styles before the Stylesheet import
-------------------------------------------------------------- */
@import url('../twentyeleven/style.css');

/* =Make our page layout wider
-------------------------------------------------------------- */

#page {
   max-width: 1140px;
}
.featured-posts,
#ie7 article.intro {
   max-width: 1140px;
}

In the twenty eleven parents functions.php
the content width is set a 584,
in our child theme we will change this value,
in the child themes functions.php

// It's a wide layout so make the content wider by 140px

if ( ! isset( $content_width ) )
   $content_width = 724;

    (found it on https://digitalraindrops.net/2012/06/resize-the-twenty-eleven-theme/)

    however when I do what is suggested, the theme becomes responsive again and as soon as I get rid of the “max-” before the “width” it switches back to the old width…

    Would be grateful to any suggestions ??

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

  • From within header.php, you’ll want to remove the following tag

    <meta name="viewport" content="width=device-width" />

    That will disable the responsiveness.

    Thread Starter ungewinster

    (@ungewinster)

    Hey,
    thank you very much for that, that really helped to get rid of the responsiveness when it comes to mobile devices ??

    Is there any way to keep the website from weirdly clumping up when I resize the browser window? at the moment the whole menu gets cobbled together whenever I have

    #page {
   max-width: 1000px;
}

    instead of

    #page {
   width: 1000px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘changing the width of 2011 without it becoming responsive’ is closed to new replies.