logo re-size issue

[zenninja22]

Hi guys, I have changed the size of my logo to 420 x 165 px. This has now updated to the bigger size logo. But there's an issue when the screen is reduced to tablet size (portrait rather than horizon): the logo sort of gets pushed up and the top gets cut off, and I guess this might be to do with my changes. I am wondering if anyone could suggest a fix for this.

Many thanks for your help!

M x

https://livingwithfriends.org/

[William]

Hi there 🙂

Try updating your CSS to the following:

@media only screen and (max-width: 1023px)
.header-image .site-title a {
    background-position: center 0 !important;
    margin: 0 0 6px;
}

Let me know if that works!

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[zenninja22]

Hi William, thank you for replying. Do I add that code in to the end of the CSS or do I replace something wiht that. I don't see anything with
.header-image .site-title a { to replace it with so am guessing just add as extra to the CSS?

many thanks!

[zenninja22]

Hi, I added the code to the end but it doesnt seem to have done anything. Wondering if you had any more ideas. Please check it out:
https://livingwithfriends.org/ - in ipad view, top of logo still cuts off.

[William]

I am positive it's your styles.css file 🙂

Look for :

	.header-image .site-title a {
		background-position: center !important;
		margin: 0 0 6px;
	}

and replace it with:

	.header-image .site-title a {
		background-position: center 0 !important;
		margin: 0 0 6px;
	}

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[zenninja22]

This is great, thank you. It works :))

[Author]

Posts