Solved

logo disappears on cell phones

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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
There is a lot to be said for protecting yourself and your accounts with 2 factor authentication.  I found to my own chagrin, that there is a big downside as well.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

724 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