I have recently completed my first website using Webflow and I am trying to correct some issues. I would greatly appreciate any help with these. Here are the issues:
When viewed on my iPad (first generation).
Images Stretched: The icons in the "Small Websites. Great Care." section are distorted, stretched long. This also happens with the two website images in the section the "Recent Work" section.
Images Above Nav Bar: When scrolling down the page the icons and text in the "Small Websites. Great Care." section appear above the navigation bar. I have the nav bar set to a z index of 25.
Hero Image Cropped: The hero image does not scale when viewed in the landscape view but does (as I want it to) in the portrait view.
Nav Links Highlight Blue: The menu links highlight blue when the related section is reached
When viewed on my iPhone 5.
Images Above Nav Bar: When scrolling down the page the icons and text in the "Small Websites. Great Care." section appear above the navigation bar when viewed in landscape. The website sample image do as well.
To view Online look here: http://twentyfourskies.com/
To view inside Webflow Designer look here: https://webflow.com/design/twentyfourskies?preview=fd794e42f4addc20365b43c8e25cd3ac
Thank you for your help.