Mobile version of my logo

[James Davis]

Hiya Bill!

So excited to be working with one of your awesome themes on my latest project: http://doublehfarmstx.org/

In order to get the logo to do what I wanted, I had to use “logo position” setting in the styling. It’s offset by -30px which works great for desktop, but in the mobile version, it cuts off at the top (see attached from my emulator).

Is there a way to override the offset for mobile? Or maybe there’s a better way to do what I’m trying to do…

Thanks for your help, as always, and again… VERY excited to be using this theme for our new nonprofit.

Attachments:

1. 

   Screen-shot-2013-09-30-at-9.47.20-AM.png
   

[Bill Robbins]

Hello James,

Nice looking site you have going there. But the logo getting cut off just won’t do. Here’s how you can fix that:

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) {
   
   	#header #logo {
   		top: 15px;
   	}
   
   }
   

3. Update your settings.

That should move it back into position for the mobile version. If you have any trouble, let me know.

Have a great week,
Bill

[James Davis]

Perfect!

Thanks again, Bill!

[Bill Robbins]

Anytime James 🙂

[Author]

Posts