How to deactivate a portion of the responsive design?

I want to keep the responsive design active, but I want to get rid of the the changes that happen between the width of 980 and 768. So I want the layout that starts at width 1079px, to last all the way down to width 768px. How can I do that?

1 Answers

DominicStaff
answered 10 years ago

Hello Frederick !
If you want to get rid of the the changes that happen between the width of 980 and 768 px, you can open the reponsive.css file in the folder path “\wp-content\themes\dw-focus\assets\css”.
Find the following code:

 @media(min-width:768px) and (max-width:979px) {...}

Then remove or put all the code in the /* Paragraph notes*/.

E.g:

 /*
@media(min-width:768px) and (max-width:979px) { 
.row {
margin-left:-20px;*zoom:1
} .row:before,.row:after{
display:table;
content:"";
line-height:0;
}
}*/

Hope this helps !

Frederick Adenuga
replied 10 years ago

are you sure I should look for:

@media(min-width:768px) and (max-width:979px) {…}

and not

@mediamax-width979px {…}

because when I comment out :
/*
@media(min-width:768px) and (max-width:979px) {…}
*/

the templates layout changes incorrectly in an odd design.

Dominic Staff
replied 10 years ago

Hi Frederick !
Of course ! Please check again in your file or you can send me the code in the template.css file
URL: http://snippi.com/