Logo doesn't appear right

[Tijs]

Hi folks,

I'm working on my website http://www.citymonk.com. Some people see the logo at the header as it's supposed to be while others see Studiopress header with the text "Genesis Framework, supports html5 and mobile responsive design".

Does anyone know how I can remove this?

Looking forward to your answer,
Tijs

http://www.citymonk.com

[Tonya]

Hi,

It's happening on mobile devices as I don't see it on my iPad. Looking at your style.css file, for non-mobile devices you are using the following image: http://www.citymonk.com/wp-content/uploads/2014/06/City-Home-2.png.

But for mobile devices, you are using image images/[email protected]. Is this image located in your images folder?

You have a couple of choices here:

1. Load up the [email protected] image.
2. Comment out the following lines in your style.css file: lines 1433 to 1443 by doing this:

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.header-image .site-header .wrap {
		background: url(images/[email protected]) no-repeat left;
		background-size: 320px 164px;
	}

}*/

When you do this, we also need to version too so that everyone gets a fresh download of the new changes to their browser:
1. On line 6 of your style.css, change 2.0.1 to 2.0.2
2. It may also be in your functions.php file (depending upon how the site is coded). If yes, you'll find define( 'CHILD_THEME_VERSION', '2.0.1' ); Change this to 2.0.2. (Please note, I'm assuming this version is being captured from the stylesheet using a different technique than forcing the text version into it.)

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tijs]

Hey Tonya,

That did the job: thanks a million!

[Author]

Posts