How can I enlarge my logo size on mobile device headers?

Technical Q&A
1

I’d like to increase the logo size on the header for only mobile devices including the iPad. Can someone help me do this? I’d like to increase it by 50%. My website is here:

https://www.superspeedgolf.com

The theme does not offer this option in the settings.

2

Hi knomad,

Go to your theme-settings.css file and add the following css at the bottom:

(max-width: 991px) {
	.theme-logo img {
		width: 190px;
	}
}

This should work.

3

Sweet! It worked.

4

I was wondering if you could help me with the same issue but for the DAWN template. For some reason I dont see the file (theme-settings.css) you mention to paste the code into in my current theme. Currently I only see (theme.liquid) Any help is greatly appreciated I jsut want to get my logo to display bigger than whats allowed.