?
Solved

remove element from displaying on mobile devices

Posted on 2016-10-28
3
Medium Priority
?
110 Views
Last Modified: 2016-11-03
I am trying to remove the "Since 1950" in the header (header right widget) on cell phones.  I am not sure what I did wrong.

@media only screen and (max-width: 320px) {
  .site-header h1 { display:none;}
}
  

Open in new window

0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 35

Assisted Solution

by:Terry Woods
Terry Woods earned 1000 total points
ID: 41864806
Works fine for me in Chrome; it disappears when I resize below 320px wide.

By the way, I'm assuming you're looking at the same site you linked to in a previous question, with a dev copy currently at http://36a.ed7.myftpupload.com/
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 1000 total points
ID: 41864893
Many mobile devices mimic much larger screens unless the page contains a meta tag to override their natural behavior. Be sure to include the following meta tag in the head of your document.
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Open in new window

Also be sure to view the page in the portrait orientation as many modern mobile devices have a width of 480 pixels in landscape orientation.
0
 

Author Comment

by:nsitedesigns
ID: 41867054
How do I add this to the header in wordpress?
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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

800 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