Content disappears when using responsive layout« Back to Questions List
For some reason the content of my webpage disappears when I try to make it responsive. The header remains but everything else is gone. Is there a common reason why this would happen?  Added July 24, 2015 4:30 pm |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Hi, There are a few possible reasons for this (without looking at your PSD), always remember that Industry Rules apply: Missing Target ScreenYou did not include a target screen for that size – this is common where if you did not include an actual target screen matching the size of your display, elements may have incorrect properties (size, position, effects, etc). Read more about Creating Responsive Screens. Incorrect Layer OrderYour background layer is not in the correct order – responsive designs use Dynamic Height which requires layers to be in the correct order, otherwise you can have situations where your solid background is the only visible element. Read more about Organizing Layers and Folders. Invalid Screen ElementsYou did not add all elements to each screen – based on your question this may also be a cause as CSS has special rendering rules for responsive designs (these rules are Read more about Placing Responsive Elements.  Answered On July 25, 2015 3:08 pm # |
Looking for another answer? View other questions in or get premium support for guaranteed results.
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.
