?
Solved

logo disappears on cell phones

Posted on 2016-10-27
5
Medium Priority
?
85 Views
Last Modified: 2016-10-28
On this wordpress site, the logo disappears on cell phones.  How do I get the logo to float to the left on phone in portrait?

beta site:
http://36a.ed7.myftpupload.com/

screen shot
http://screencast.com/t/u2ZFm03kvJ

@media only screen and (max-width: 480){
  
	.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {display: block;}
  
	.site-header h1 {text-align: right;}

  	.header-image .site-title a {float:left;}
}

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
  • 2
5 Comments
 
LVL 22

Accepted Solution

by:
Kim Walker earned 2000 total points
ID: 41863328
There's something going on with the text-indent of -9999px and switching to float left on the smaller screen. Instead of switching to float left, change all margins to zero.
0
 

Author Comment

by:nsitedesigns
ID: 41864110
I don't know what you are referring to with regard to
text-indent of -9999px 

Open in new window


I change the following and it appears to be working now.  Thanks
.header-image .site-title a {margin:0; padding:0;}

Open in new window

0
 

Author Comment

by:nsitedesigns
ID: 41864401
Kim,  I had to modify the size of the logo (we needed to display two side by side).  Now, I am having problems again with logo disappearing on mobile devices.  Any suggestions?
0
 

Author Comment

by:nsitedesigns
ID: 41864408
p.s.  It disappears more on portrait view than on landscape view if that helps any.
0
 
LVL 22

Expert Comment

by:Kim Walker
ID: 41864911
I'm not seeing it disappear. But it is getting cut off with the width of the title-area div on smaller screens.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

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 viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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…
Suggested Courses

770 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