Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts

    removing responsiveness from wordpress theme

    any idea how i would go about removing the responsiveness from a wordpress theme so that it always looks like the full monitor version?

    just looking for some direction here. please advise. thanks in advance.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Assuming that it's just done with media queries in the css, like the twentyeleven theme, then you just need to delete all the entries at the bottom of style.css - the ones that start:

    Code:
    @media (max-width: 800px)
    etc.

  • #3
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts
    thanks. it gets a little complicated in that I'm using a child theme. so none of those media queries even exist in the child theme's style sheet. so i'm looking for a way to cancel out the media queries of the parent theme's style sheet.

    any idea how to do that?

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Well, technically you'd have to replicate all the media queries in the parent stylesheet into your child theme and set all the values the same as the "normal" css, but that' sounds like a painful exercise. So, if you have something like:

    Code:
    @media (max-width: 600px) {
    	#page{
    		min-width:320px;
             }
    }
    in the parent theme, but this in your child theme:

    Code:
    #page{
         min-width:900px
    }
    then you'd need to add the following to the child theme as well:

    Code:
    @media (max-width: 600px) {
    	#page{
    		min-width:900px;
             }
    }
    Alternatives would be to edit the parent stylesheet - although you've then got the risk of it being overwritten with an update.

    My preferred option is to create a new theme rather than a child theme, then you're in control of what's happening.

  • Users who have thanked SB65 for this post:

    sixrfan (07-03-2012)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •