• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 95
  • Last Modified:

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

0
nsitedesigns
Asked:
nsitedesigns
  • 3
  • 2
1 Solution
 
Kim WalkerWeb Programmer/TechnicianCommented:
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
 
nsitedesignsAuthor Commented:
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
 
nsitedesignsAuthor Commented:
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
 
nsitedesignsAuthor Commented:
p.s.  It disappears more on portrait view than on landscape view if that helps any.
0
 
Kim WalkerWeb Programmer/TechnicianCommented:
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

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!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now