Mobile version of my logo
URL to the page in question:
-
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.
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:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
@media only screen and (max-width: 767px) {
#header #logo {
top: 15px;
}
}
- 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
Perfect!
Thanks again, Bill!
- The topic ‘Mobile version of my logo’ is closed to new replies.