no "resize"

Hi @renegade05,

You can just remove media query CSS code targeted for small screen devices like following from style.css file of Twenty Fourteen theme.

@media screen and (max-width: 400px) {
...
}

Cheers,

hey sorry, I am really knew to all this and I am not too sure what I am doing.

Can you help me out with the css code so I can copy paste?

All I want is when a browser is at 1080px in width, for the site to stop resizing.

Meaning on iphones, ipads, etc they will have to scroll across to see the content, or on screens smaller than 1080 scroll bars will appear and no more resizing. I tried to play around with the css but I don’t know what exactly to take out, replace, etc….

thanks so much

Do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.

@wpmu DEV: Please do not encourage people to edit their theme’s stylesheet. especially in the case of the default theme.

Why do the moderators always think people asking for help are not using a child theme?

I am using a child theme. I don’t see how WPMU DEV was encouraging me to do otherwise.

I understand you have an obligation to tell people this – but I really think that message template needs to be worded better.

I am using a child theme.

You did not mention this in any of your previous posts.

I don’t see how WPMU DEV was encouraging me to do otherwise.

By specifically suggesting that you amend the 2014 stylesheet. The poster in question has been offering similar advice in other topics which means that:

1. Some users are going to bring down their whole site with no easy way to fix it when they make editing mistakes.

2. All of these users will have all of their changes wiped out when they update the theme.

Does that make it a little clearer?

I didn’t know I had to mention it. Thought it was pretty standard stuff.

it is so clear now it’s ridiculous …but I know what it meant already ?? thanks.

Thought it was pretty standard stuff.

It should be but many new users are unaware of child themes & the potential issues of editing themes. So we have to assume the worst case scenario and make sure that they are aware.

Hi @esmi,

Thank you for chiming in here.

It was not my intention to encourage people to edit their parent theme’s stylesheet, i just forgot to add child theme in my reply, sorry for that and for any inconvenience caused.

Hi @renegade05

Thank you for your reply.

hey sorry, I am really knew to all this and I am not too sure what I am doing.

Can you help me out with the css code so I can copy paste?

All I want is when a browser is at 1080px in width, for the site to stop resizing.

It’s a complex process for Twenty Fourteen theme and as you are new to all this so i recommend you to consider hiring a developer from online job market.

Basically what you have to do is in your style.css file of your child theme overwrite the CSS properties defined in CSS media query in your parent theme which is causing to make it responsive.

Alternatively you can just copy paste whole CSS code from style.css file from your parent theme and add & edit it in your child theme style.css file. Don’t import parent theme style.css file in child theme style.css file.
Please note this is not the recommended way to do this as if you update the parent theme then you will not get updated CSS code from style.css file of parent theme.

You have to edit the code in opening and closing braces of following media queries which is located in “11.0 Media Queries” section.

@media screen and (min-width: 1040px) {

@media screen and (min-width: 1008px) {

@media screen and (min-width: 846px) {

@media screen and (min-width: 810px) {

@media screen and (min-width: 783px) {

@media screen and (min-width: 673px) {

@media screen and (min-width: 594px) {

@media screen and (min-width: 401px) {

@media screen and (max-width: 400px) {

Cheers,