Solved

remove element from displaying on mobile devices

Posted on 2016-10-28
3
94 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 250 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 250 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

Mobile app development companies have absolutely changed the ways apps are being browsed, used and downloaded by users today.
Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime is disastrous for companies and can lead to major hits on a brand, reputation, an…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

730 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