search

NMoore-STEM / ASC-LLC-Redesign

Ananda Science Consulting webpage redesign
https://anandascience.com/
0 stars 0 forks source link

Contact Pages - Design broken #593

Closed NMoore-STEM closed 1 year ago

NMoore-STEM commented 1 year ago

In mobile resolution, when keyboard is brought up, page design breaks. Footer remains on bottom while header remains on top. All content in between shrinks and obstructs submit button with footer. When keyboard is brought down by clicking outside of fields or by manually lowering keyboard, the design returns to normal. Additionally, the area above the footer which was previously a div with class "spacer2" is 0 but should be at least 50px. Consider making page height completely static and remove all declarations that utilize a relative unit for heights. There are vh/svh units also in the contact page script which will need to be addressed. Remember to remove position declaration for header and footer that make them fixed.

NMoore-STEM commented 1 year ago

Also need to overflow-x: hidden as on smaller mobile widths this is an issue. Noticed that the element that is creating the overflow-x seems to be a logo (seed) image in the background.

NMoore-STEM commented 1 year ago

Page was updated and correction of seed logo causing x overflow has been uploaded to server. This appears to have solved the problem.