I am trying to adjust the height of the logo. What CSS parameter do I modify to do this? Or must I modify the header size, and if so, how do I do that?
@racetech888 Your logo is definitely too large and that's why does not look good on mobile devices. To change logo size on mobile devices, please use below css:
@media only screen and (max-width: 479px) { #Top_bar #logo img { width: 150px !important; } }
@muffingroup I've used the CSS code you provided but still the logo is small.
Please have a look at this site, www.tunercult.com. Whether its normal desktop view or mobile view, the logo is still the same.
I've already my site's logo to the same logo as tunercult's logo. I can still see the logo getting smaller after reaching 767px and even smaller when reaching 479px.
I tried to play around with the css but i still can't get the logo to remain the same size as the normal webpage view.
You can refer to tunercult.com oh how I would like the logo size to be.
Please check my website http://autojuice.net/shop/mugs/. Please compare desktop screenshot against mobile screenshot. I hope this will help you understand my problem.
But the size of screenshot you show is not a mobile version. However if you want to get this logo smaller on bigger screens, please do what we wrote above.
Comments
please send us url to page where you want to increase logo and we'll show you how to do this.
Thanks!
If you want to change moment when logo should be smaller, please 479px width to something else, like 767px.