Content positioning way off. What am I doing wrong?« Back to Questions List
Hi, When exporting it seems my content positioning is way off from the design when exported. What are the rules of thumb to correct this? I can't figure what would cause this. Thanks for any help. Attached are some before and after screen shots and a screen of my layers panel. Could this be a layer group issue? Also my image layers aren't sizing right/distorted.
|
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Hi, Were you able to get the export working? If not send us a screenshot of you layers (with your CSS Screens visible). |
Hi, Also send a screen shot of your ${css|screen} layers so we can take a look at the layer order. |
Hi, Your content related to your submit button, is 100% a background/margin issue. Your images and icons seem more like a CSS Images issue. If you include CSS Images without including Responsive Images – that my cause the display error you see. Try to (a) disable CSS Images or (b) include Responsive Images. |
Thanks for your help. I tried to add backgrounds to each folder group and I’m still getting the same result. Also why would my logo and icons be cut off? |
Hi, There are several things to consider with what you are doing, we will list them each but they will require a little reading to fully understand how to master the techniques. HTML FormsWe strongly recommend you read about Creating Web Forms to understand how to correctly use both layout and elements for forms. If you need to get a little more complex after to style your form elements then you can also check out 506 Input for styling input elements. Content PositionsYour content requires an actual background – that’s it. The problem is your mobile content layout likely ends where your ”submit button” is. You can simply draw a background to fill the space and create a margin. Another approach is to use a Skip Margin. Tutorial Video |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.