WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove WordPress Responsive Design (13 posts)

  1. pates
    Member
    Posted 2 years ago #

    I have scoured Google and it appears no one is asking this question.

    My WordPress site changes completely depending on the size of the browser. I am trying to disable this function and just keep the site exactly the same size no matter what browser.

    I have no idea how to code a responsive design so at the moment the site gets completely butchered. I've tried deleting all this @media stuff but that seems to change nothing.

    Any help here would be hugely appreciated.

    Thanks,

    Nick

  2. I have no idea how to code a responsive design so at the moment the site gets completely butchered.

    Responsive means the site design resizes according to the browser window; best thing to do is look for a non-responsive theme: http://wordpress.org/extend/themes/

  3. pates
    Member
    Posted 2 years ago #

    I've coded my site and styled it from the twentyeleven theme. How do I scrap the responsive browser size stuff - it's just wrecking the site on anything mobile :S

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    what is the url for the site?

    Really the only thing you need to do is set a set width...
    Since you are working with 2011 (I presume you're not directly editing 2011, but rather a custom named theme or a child theme) all you need to adjust is:

    #page {
    	margin: 2em auto;
    	max-width: 1000px;
    }

    and change it to

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

    or whatever width you need

  5. pates
    Member
    Posted 2 years ago #

    Thanks Voodoo,

    That's sorted everything - brilliant!!

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    Excellent, I'm glad that worked out for you!!

  7. Interesting. I guess the max-width call is one of the basics of making a theme responsive?

  8. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    Yep, that allows for the flexibility ... up to the setpoint

    SO with max-width 1000, 2011 can be any width, but stops at 1000px

    that allows for all the percentage based flexibility to adapt.

    But taking out that max width and changing it to a fixed width sets the display to be inflexible. The percentages still hold true, keeping the appropriate proportions that 2011 was designed for (at 1000px), just nothing adapts, and the media queries won't happen anymore as there is a set width, we aren't allowing a smaller display.

  9. pates
    Member
    Posted 2 years ago #

    Taking this max-width out was a seriously positive step. I think websites are perfectly navigable at full size and don't need the width adjusted for mobiles and tablets. I'm sure a highly experienced coder would be able to make something pretty spectacular but for the average webmaster this just gets in the way.

    Thanks again for clearing this up and teaching me a thing or two along the way ;)

  10. Saffron Avenue
    Member
    Posted 1 year ago #

    I am using a genesis theme and need to remove the option of the responsive layout. Not really sure how to do it though?

    I couldn't find max-width anywhere in the child theme stylesheet?

    THank you,

  11. esmi
    Forum Moderator
    Posted 1 year ago #

    I'm sorry but as you are using a commercial theme, you need to seek support from the theme's vendors.
    http://www.studiopress.com/support

  12. Saffron Avenue
    Member
    Posted 1 year ago #

    I'm trying there too, but thank you anyway!

  13. hanzray
    Member
    Posted 1 year ago #

    same for Genesis Framework..

    #wrap {width:960px;}

    and remove all viewport css.

    note: Do this on child theme.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.