Solved

Edit Media Query in WordPress Theme

Posted on 2014-03-28
1
491 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 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

776 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