Jump to content

.London Domains - £4
Photo

How to make a logo responsive


  • Please log in to reply
6 replies to this topic

#1 jodd_86

jodd_86
  • Member
  • Newbie
  • 1 posts

Posted 25 April 2017 - 08:41

Hi everyone,

 

I'm a junior web designer and currently finishing one of my web design projects - modifying a website theme for a local rubbish removal company.

 

The design is almost complete, but I'm struggling to make the logo responsive.When rendering the entire logo on a smaller screen, it ending up in a big, messy, colorful blob of indecipherable hocus-pocus! Also I'm not sure about the right color of the logo.

 

Please have a look at it and if you have any ideas I will be glad to hear. Thank you. :)

http://benandjerry.org.uk/


  • 0

#2 MikeChipshop

MikeChipshop
  • Overlord
  • Mini Member
  • 4,666 posts

Posted 25 April 2017 - 08:49

Looks OK to me. What device is giving you trouble?


  • 0

#3 amaniartstudio

amaniartstudio
  • Member
  • Newbie
  • 6 posts

Posted 25 April 2017 - 22:35

It looks okay. I tested it on iPhone 6, if i were to make any changes i did add #logo{margin-left: 12px} to mobile css just to align with the button 


  • 0

#4 JessaCamacho

JessaCamacho
  • Member
  • Newbie
  • 1 posts

Posted 25 July 2017 - 05:12

Sounds good.But you should try to optimize it a bit for a mobile device!


  • 0

#5 Mila

Mila
  • Member
  • Newbie
  • 15 posts

Posted 25 July 2017 - 15:16

It looks really good on PC but on my S5...not so much, something is off with the sizing...I say check the width: px, and height: px rendering in the dom. Alternatively, i can check again after 4 hours..cause maybe the problem is my phone as well..it's a little worn out. Lol. I will double check. But on PC it looks really nice. Good job bro! :fan:


  • 1

#6 Gibson

Gibson
  • Hefty Member
  • Flogging Gibbo
  • 1,791 posts

Posted 25 July 2017 - 18:13

Alternatively, i can check again after 4 hours..cause maybe the problem is my phone as well..it's a little worn out. 

 

Organically regenerating phone?


  • 2

#7 jimmypham3875

jimmypham3875
  • Member
  • Newbie
  • 10 posts

Posted 26 September 2017 - 09:03

I think your logo is ok. For a responsive, then add some different size for logo on different resolutions. Then maybe it's working.


  • 0

Savvycom, an software outsourcing company  also be the top it outsourcing company announced by Clutch this year.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users