Jump to content
Killersites Community
zarenya

Responsive Logo Question

Recommended Posts

In the site build using Dreamweaver, I would like to make the logo responsive.

I have two logos: LOGO.png (for tablet device and desktop) and mobilelogo.png (for smaller devices-phone)

Could any of you kindly advise me how to specify the correct css for when a mobile phone views the website.

 

The demo site can be viewed here.

 

http://naturalhealtherapist.co.za/Demo/

 

Assistance will be greatly appreciated.

Share this post


Link to post
Share on other sites

Probably the easiest way would be to make the logo a background image on your .logo h1, rather than using an img tag. Then, you can easily switch between the two versions of the logo by using media queries targeting device width.

Share this post


Link to post
Share on other sites

I have tried your technique explained but still get stuck. Do you think you would be able to point me to a tutorial on how to make this work?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×