Responsive for Mobile moves Logo

[Ben Wallace]

Hi,

Take a look at http://www.cjriley.com on mobile… it moves the logo up and half out of view… any thoughts?

[Bill Robbins]

Ben,

I see what you mean. Let’s do this:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (max-width: 767px) {
   
   	#logo {
   		top: 0;
   		left: auto;
   	}	
   	
   }
   

3. Update your settings.

That should do it. Let me know if you have any trouble,
Bill

[Ben Wallace]

Worked perfectly, thanks Bill!

[Bill Robbins]

Fantastic. Enjoy your weekend and let me know if you need anything else.

[Author]

Posts