Responsive Logo

Tagged: ally, logo, responsive logo

This topic has 3 replies, 2 voices, and was last updated 11 years, 6 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 20, 2012 at 9:44 pm #1676
onlinesimple
Customer
I am using a full-width image header and it does not behave responsively. (Is that a word??) In order to have the logo scale, do I need to use a logo the size of your demo and put the navigation in the right header instead? I’m working behind a coming soon plugin but if you need to see the site, I can take that down. Here’s a screen shot: http://makingonlinesimple.com/wp-content/uploads/2012/10/Google-Chrome.png.

Thanks, Allegra
October 21, 2012 at 11:53 pm #1678
Wes
Moderator
You have two options to make your logo responsive:

1. You can create a separate smaller logo to show when the site is resized or from a mobile phone/tablet.

2. You can use the css “background -size” option. More info and a quick tutorial on how to do this can be found here – http://www.w3schools.com/cssref/css3_pr_background-size.asp
October 23, 2012 at 10:53 pm #1693
onlinesimple
Customer
Thanks, Wes! I created a smaller logo.
October 23, 2012 at 10:54 pm #1694
Wes
Moderator
Great! You’re Welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Responsive Logo’ is closed to new replies.