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.

 

 

 

Asked by wwhalen★★
Added October 25, 2017 1:54 pm

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).

Answer by admin ★★★
Answered On October 27, 2017 12:36 pm #

Hi,

Also send a screen shot of your ${css|screen} layers so we can take a look at the layer order.

Answer by admin ★★★
Answered On October 25, 2017 3:18 pm #

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.

Answer by admin ★★★
Answered On October 25, 2017 3:16 pm #

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?

Answer by wwhalen ★★
Answered On October 25, 2017 2:53 pm #

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 Forms

We 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 Positions

Your 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

Answer by admin ★★★
Answered On October 25, 2017 2:08 pm #
Looking for another answer? View other questions in Key CSS Bug Image Screen or get premium support for guaranteed results.
Asked by wwhalen★★
88 views
5 answers
Last Answered 3 weeks ago by admin

Categories

Recent Answers


Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.