debo00iz

The beta release seems to be working well. Thank you.

Duggy1984

THANKS FOR YOUR SOLUTION!

I added .slide-copy-wrap as a selector, because the wrap seemed to be sliding off the image. Then, I changed the width declaration for the 530 and 1039 media queries. I’m sure someone could tweak it even more. (Or tell me if the screen goes whack in a mobile browser I don’t have.)

I used Jetpack’s custom CSS page, which appears under Appearance as “Edit CSS.” Before Jetpack, I would added custom CSS code the top of the stylesheet with the note tweaks, /*tweaks*/. I’d save my tweaks since upgrades to theme would wipe them out every time.

Any way… here’s the custom CSS I added….

.slides .slide-thumb .slide-copy-wrap img {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1039px) {
	.slides, .slides .slide-thumb, .cycle-slideshow {
		height: 400px !important;
	}
}

@media screen and (max-width: 539px) {
	.slides, .slides .slide-thumb, .cycle-slideshow {
		height: 200px !important;
	}
}

Hope this works for other newbies as well as it has for me, so far.