[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Edit Media Query in WordPress Theme

Posted on 2014-03-28
1
Medium Priority
?
521 Views
Last Modified: 2014-04-03
I would like to know where to edit the media queries in WordPress. I am working on the following site:

http://worthingtonremodeling.com/

On line 83

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

I would like to change the value from 782 to 995. However, I believe that code is generated through a php function or something like that. I need help locating where to change it. When I look inside the Header.php file I am not seeing where to change it.

Thanks in advance for the help.
0
Comment
Question by:domgarofalo
1 Comment
 
LVL 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 2000 total points
ID: 39962705
You have a different style sheet for each size it looks like http://worthingtonremodeling.com/wp-content/themes/theme1629/css/768.css
@media only screen and (min-width: 768px) and (max-width: 995px) {

Open in new window


http://worthingtonremodeling.com/wp-content/themes/theme1629/css/480.css
@media only screen and (min-width: 480px) and (max-width: 767px) {

Open in new window

0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question