Why are layers in the wrong places with responsive designs?« Back to Questions List
I’m hoping you can help. I’ve been able to figure out a couple of problems with text and fix those, but still having issues where parts of my render are showing up in the wrong places. There are parts missing in tablet and mobile versions and the text I "fixed" will need to go back apparently to separate text areas for titles and descriptions. Let me know if you can help in any way. :) |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
PSD Design FixWith the PSD file you sent these are a simple fix. 1. Layer names must have the same name per screen. This is a CSS rule, you must have the same elements for a media-query to work correctly. 2. Ensure all elements are included in each screen. This is another CSS rule. If you do not state the design in other screens, then CSS will not know what to do. You must add the element to each screen. Read: //exportkit.com/plugin/environments/html5/export-responsive-css3-with-html5 for more info. ${p} Tag with Paragraph TextWith projects, your requirements will change so you may need multiple elements or a single element you can style. Break your text into individual elements if you need to Use ${p} tag to style your paragraph text Read: //exportkit.com/plugin/layer-tags/basic-layer-tags/p-tag for more info. |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.