[thinkmedia]

I just ran into this exact problem with Essence Pro.
I have three widgets on the home page and they don't resize on mobile so I had to add custom css to do it.

@media only screen and (max-width: 860px) {

.flexible-widgets.widget-thirds .widget {
margin-bottom: 20px;
padding: 20px;
}

}

You can adjust the max-width for where you want the point of adjustment to occur.

Pretty annoying for the theme not to do it as it is intended.

Hope that helps.

[thinkmedia]

Thank you Anita 🙂

[thinkmedia]

As I said, I’ve tried all the code snippets with nothing, other than my hack, working.

[thinkmedia]

No, I actually want to edit the plain old page template.
I just want to have the featured image show up at the top like on a blog post.

[thinkmedia]

Use max-height instead

.backstretch {max-height: 650px!important;}
.front-page-1 {max-height: 650px!important;}

[thinkmedia]

After much cursing and searching I have put this in my style.css file

.backstretch {height: 650px!important;}
.front-page-1 {height: 650px!important;}

It's a hack but it seems to work so far.

I've read the documentation from the developer and while it indicates simply changing the details in backstretch.js that doesn't work either.

{left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},s={position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999},q=function(c,b,e)

Changing the front-page.js file should do it but the only value in this file is -77 and changing it didn't make a difference.

// Set front page 1 height
	var windowHeight = $( window ).height() - 77;

So unless there is a weird combination of multiple files, I am resorting to the CSS hack.

It's too bad StudioPress hasn't posted an easier solution to this problem that way too many people are having, and continue to ask about changing.

UPDATE: Grrrrr - using a fixed value works buuuuut it isn't height responsive. Width is responsive still. If you use a percentage, it doesn't scale (responsive) at all. I'll keep trying.

[thinkmedia]

I have the same problem.
If you don't use Footer 1, neither of the other two work.

[thinkmedia]

I actually did run the regeneration of thumbnails.
It worked fine and the images were created.

hmmm.

[thinkmedia]

Hey @timskye

Thanks for that.
I pulled the code right out of the functions.php file.
No good.
It took out the stretched image but there must be something else affecting the background.
I'll have to dig deeper to find it.
If I do, I'll post it here.

Cheers,

Mitch

[thinkmedia]

Hey @timskye

Thanks!
I've used Metro before and had full screen images so it never showed up on my radar as a problem.

Hmmm - before I release what is left of my hair ... do you know of any info on how to 'disengage' the backstretch feature.
If not, that's ok.

Cheers,

Mitch

[thinkmedia]

Hey @nutsandbolts

Thanks for posting your reply and help.

Much appreciated

Mitch

[thinkmedia]

I set up http://ironicmom.staging.wpengine.com/ which has no caching on it.
It still is making the 60x60 png full screen instead of tiling it.

[thinkmedia]

Sorry to be a dork but where do I disable “Object/Transient Cache”
I know I have seen it before but for the life of me, I can't figure out where.

Thanks!!

[thinkmedia]

Thanks @MediaGuru

The image is a PNG as that is the only way to have it transparent.
The Preview actually shows it exactly the way it is supposed to be.
The problem is in the browser (live).
I have tried it using Chrome, FF, IE, and Opera and none of them display it properly.
They all blow the 60x60 up full size and don't tile it.

Browsers are all cleared and I have purged the cache at WPEngine.com as well.
No luck.

[thinkmedia]

Awesome!

Thanks

And by the way, every time I reply to this post, it sends me to a 404 error page.

 

"Closed"

[thinkmedia]

But is there a way to tell on the Genesis site? Non of the child themes show a changelog or version number?

[thinkmedia]

Hey Jen,

Thanks for the tip. After much digging around, I did find that solution. And it was an .htaccess file that was the culprit.

But is there a way to tell what version a child theme is ... on the Genesis site?
I know Genesis auto-updates/reminds but child themes don't.

 

Thanks

[Author]

Posts