logo too big for mobile site

• 

  lovricprojects · Member · Dec 2, 2016 at 7:03 am

  • Copy link
  • Add topic to favorites

  Hi, I have recently adjusted the main logo with CSS to make it larger. However, the logo is now too large for the mobile site and is not resizing automatically to suit.

  lovricprojects.com.au

  The blog I need help with is: (visible only to logged in users)

• 

  innisfreehomestead · Member · Dec 5, 2016 at 6:52 pm

  • Copy link

  Hi there!

  You’re almost there with your code, just a few tweaks will make it resize automatically. You’ll need to take out your .site-logo {…} block in the CSS and replace it with this:

  .site-branding {
  	width: 100%;
  	max-width: 422px !important;
  }
  
  .site-logo-link {
  	max-width: 100%;
  }
  
  .site-logo {
  	width: 100%;
  	content: url(https://lovricprojects.files.wordpress.com/2016/11/400dpilogo.jpg);
  	max-width: 100%;
  	max-height: 100% !important;
  }

  Let me know if that doesn’t work!
  Sage