Thread

Here is an interesting problem I am trying to conquer.

It consists of blogs, responsive design and expressionengine.

I have a site designed using Foundation CSS (responsive design). In this site is a blog. Often times the client embeds very tall graphics or recipe cards.  This actually breaks the design, and I’ll explain why

The EE footer is being called like:

{embed="embeds/footer"}

The “responsive design” and embed footer gets loaded way before the embeded blog post content. This causes the footer to float behind the embedded graphic, thus breaking the design.

I’ve never encountered this before, and as a matter of fact, foundation has a utility called “reflow” that is supposed to fix issues of this nature. The problem is, I have no control over the timing of it.

Basically, is there a method that I can delay the loading of the embed for say 4 sec. and then execute it.

I’ve explored a lot of jquery methods, and I haven’t found a way to actually execute the code within the embed. Is this even possible?

Maybe I’m thinking to hard about this.

I don’t know of a way to delay loading of embedded template but it sounds like you are trying to crack a nut with a sledgehammer when the real culprit sounds like it’s the custom Foundation CSS.

When you disable all CSS, does the problem still persist?