scale logo for mobile devices

Easy if you use an image:

img {
 max-width: 100%;
}

Hello Niels,

In your case i don’t think the img max-width technique will work. It seems that your template creates the logo into a background image for a div rather than just inserting an image. You’re best bet for your situation would be to add a media query to your css as seen below. after doing so, You have to create a smaller version of your logo, upload it to your server, and change the reference below to my website (where i uploaded a smaller version) to your website in the css below. If you need help, please let me know. I tested the changes in firebug and they work fine. just might have to tweak the exact size of the image. It won’t dynamically resize with the smoothness you’d like, but will accomplish the same thing on a mobile browser.

@media screen and (max-width: 600px) {
	#thelogo {width:350px !important; height:82px !important; background:url(https://shoutoutadvertising.com/images/bh-logo-350.png) no-repeat !important;}
  }

Best Regards,
Danny

Just a note, you are using an older version of the theme, in the newer versions this isn’t an issue.

Kadence Themes

Thnx for all the help. An theme update worked perfectly! ??

correction: An = A