Solved

logo disappears on cell phones

Posted on 2016-10-27
5
68 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 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 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

Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
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…
The viewer will learn how to count occurrences of each item in an array.

749 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