Solved

logo disappears on cell phones

Posted on 2016-10-27
5
35 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
  • 3
  • 2
5 Comments
 
LVL 21

Accepted Solution

by:
Kim Walker earned 500 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 21

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Let Bitmoji into your life. Now is the time to learn a new language of smartphone messaging with this brief introduction.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

743 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

10 Experts available now in Live!

Get 1:1 Help Now