Based on your PSD we found the actual problems.

Invalid Layer Tag

Issue #1: You did not use the correct tags ${css|screen:default} – NOT $(css|screen… You were using a ( where you need squiggly bracket { – this will cause the process to fail 100%: //exportkit.com/resources/plugin/layer-tags.

We also did not notice this as its apparent in your previous screenshot
- that's how easily we can all miss something!.

Maintain Responsive Layer Names

Issue #2: //exportkit.com/learn/optimization-tips/layer-tag-tips/maintain-responsive-layer-names

You changed the name of the layer “White BG” to “White BG copy 3” when you copied it – you must have the same layer names in all screens. In your case this would have caused your White BG copy 3 to show on all screens regardless (possibly block out other elements).

We also offer a full PSD Optimize: //exportkit.com/product/photoshop/support-advanced.

Thank you! I sent you an email to the support team.

Hi, our Support team sent you an email regarding how to submit a PSD. We keep all PSD links private.

Missing Default Screen

Please note that you must follow all instructions in our guide: //exportkit.com/plugin/environments/html5/convert-a-psd-to-responsive-html-and-css. The previous image we showed uses a Default screen – this is required for Responsive designs (see our guide). Once you define your Default, then you create your additional target sizes.

QUICK FIX: Change ${css|screen:1224} to ${css|screen:default} or create another default view.
- (based on your previous screenshot)

Your original image does not have a Default screen – which will cause your content to stack because you have not defined your base layout.

INDUSTRY RULES APPLY: These are CSS rules – if you only add screen queries to your CSS without base definitions – your output will have visual errors.

Responsive PSD Template (Single Page): //exportkit.com/learn/psd-templates/advanced-dynamic-height/ek125_801_webpage_responsive.

Responsive PSD Template (Multiple Pages): //exportkit.com/learn/psd-templates/advanced-dynamic-height/ek125_803_psd_to_html5.

For some reason it is still stacking the designs. Is there a way I could send you the PSD?

There are a few things to note with your layer structure, with a few quick fixes your layers should look like the image above. Read more about organizing folders and layers (the only error is your folder/layer order): //exportkit.com/kits/export-kit/export-kit-basics/organize-folders-and-layers.

1. Layer order is important, layers are processed bottom up. When you are using Dynamic Height you must stack your layers correctly. Keep backgrounds relative to your content sections, eg. header background, content background, etc.

Fix: Move your White BG inside your Content folder and create an additional background for the header — OR — group all your content into a folder to use a single background.

Learn more about Dynamic Height: //exportkit.com/learn/how-to/export-your-psd/export-pages-with-dynamic-height – this will stack your folders (required for responsive designs).

Enable Responsive CSS

You must enable Responsive CSS in the output (Responsive Images are optional).

Let me know if the link doesn’t work

Hi,

Send us a response email or use our Customer Support: //exportkit.com/support to cut-and-paste images.

There are also several online services which offer screenshots with public web links, google "online screenshots".

Is there a way to send you a screen shot through this FAQ or do I need to email it to you?

Can you send us a screen shot of your Layers in Photoshop.  Open your folders with the screens and take a capture – we can give you a quick answer.

Here are a few possible reasons:

Did you include your ${css|screen} tags?

If you create your screens but do not include the tags to define them, then your results will be the same as you described with all screens stacked.

Did you change the names of elements in your screens?

CSS has very specific rules for rendering responsive content, you must have the same element names in each screen and CSS will apply the styles when screen changes. If you change your element names in each screen – then your result can also be the same as you described.

Resources

Learn more about Creating Responsive Screens.