Solved

Header Logo spacing on Safari Browser

Posted on 2011-03-15
1
389 Views
Last Modified: 2013-11-19
'm testing a logo, JustTheDriverLogo-1.jpg, in the masthead of my website and it looks fine in later versions of IE and Firefox, but when I check it on my Iphone (Safari), there is a space between the logo, in the upper left part of the masthead, and the navigation bar below it. How can I make that space disappear in Safari?

here is the website:

http://JustTheDriver.com

Thanks Experts!!
0
Comment
Question by:TonyT7220
1 Comment
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 35142422
It seems that the space is because the text on the right side of the header needs more space, so it makes the header grow in height which creates the gap under the logo.

What I would suggest doing is give a class (e.g. "phone") to the <br> between the phone numbers and then use CSS3 media queries to hide it on the iPhone.
@media screen and (max-device-width: 480px) {
  br.phone {display:none}
}

Open in new window

Screenshot is from BrowserCam:
EE-Q-26888971-iphone.jpg
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…

758 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now