Jump to content
Stef's Coding 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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...