Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

logo stretched safari/ipad

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: Logo

This topic has 2 replies, 2 voices, and was last updated 11 years ago by dmcleod87.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
November 19, 2014 at 4:28 am #132100

dmcleod87
Member

hi all,

got an issue with a logo being stretch when viewing on ipad/safari as per screenshot below -

http://cl.ly/Yba8/IMG_0368.PNG

i'm using a customised sample theme and can't figure out what's causing it?!
http://www.canberra-plumbers.com.au/

November 19, 2014 at 7:32 am #132114
CleanPageDom
Participant
Hi there

Think you need to look for this:
```
Media Queries
---------------------------------------------------------------------------------------------------- */

@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;
	}

}
```
and change the dimensions to match your non-retina logo (372px 72px)

Thanks
Dom

Let’s build a website together…
November 21, 2014 at 2:07 am #132355

dmcleod87
Member

thanks! i don't know how i missed that...needed a pair of fresh eyes!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.