Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

logo disappears on cell phones

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

ASKER CERTIFIED SOLUTION
Avatar of Kim Walker
Kim Walker
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of nsitedesigns

ASKER

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

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?
p.s.  It disappears more on portrait view than on landscape view if that helps any.
I'm not seeing it disappear. But it is getting cut off with the width of the title-area div on smaller screens.