How to changelLogo size on tablets and mobiles

[tdyrlund]

Hi

I can change the size of the logo on the desktop using the following:
<img alt="Logo" width=”430″ height=”72″ data-sticky-width=”299″ data-sticky-height=”50″ src=”img/logo.png” />

However, change the width and height does not affect the size on tablets and mobiles. Where do I define the size for these systems?

Also, how do I set a different logo for smaller screens?

Best,

Thomas

---

[Support]

Hello,

1) For the logo size on smaller resolutions, there’s a CSS with a max-width set, if you want to change that, please add:

(css/custom.css)

@media (max-width: 991px) {
	#header h1.logo img {
		max-width: 180px;
	}
}

Change 180px to the size you want.

2) This topic has what you need: http://www.okler.net/forums/topic/how-to-use-different-logo-sizes-for-different-resolutions/

Thanks.

---

[tdyrlund]

Thanks!

---

[Author]

Posts