Logo size on mobile Devices

• 

  filmdosis · Member · Jan 29, 2019 at 7:22 am

  • Copy link
  • Add topic to favorites

  Hello! I want to make my logo smaller on mobile Devices – smartphones or iphones. I really tried a lot of different CSS codes. I think already over 20 different codes, but nothing worked. Not one Code in any forum.

  Does anyone can give me just one Code which works? It would be great!!!

  This is my site: https://filmdosis.at
  This is my logo: https://filmdosis.files.wordpress.com/2018/09/logo-neu-transparent2.png

  Thank you,
  Daniela

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

• 

  vachnganvietnamblog · Member · Jan 29, 2019 at 7:35 am

  • Copy link

  you can using photoshop edit size upload wordpress logo
  demo
  vách ngăn di động

• 

  filmdosis · Member · Jan 29, 2019 at 7:37 am

  • Copy link

  What???

• 

  filmdosis · Member · Jan 29, 2019 at 9:10 am

  • Copy link

  The great Support of wordpress helped me. Thank you a lot!
  Here Comes the solution:

  
  @media screen and (max-width: 70em) {
  .logo {
  background: url(‘g’) no-repeat;
  width: 150px;
  height: 75px;
  }
  }

  
  @media only screen and (max-width: 400px) {
  .site-branding .custom-logo-link img {
  max-width: 50%;
  }
  }