Hello. Looking for some help from someone who is smarter than myself...

Because I have had a lot of time to play about with RSD and the very powerful features it has, I am re-designing (again) my works website to make it look a bit more modern. What I have so far is this: www.mirrorimageuk.co.uk/v2/index.html

Now in RSD and testing in Chrome and FireFox the site works as it should. It scrolls smoothly and re-sizes as it should. In Edge and IE (surprisingly) it is a bit jumpy when scrolling but it still re-sizes as it should. My issue arises when I open it on my mobile (Android device). In Chrome the background images re-size wrong. They focus on the wrong bits, but I'm not sure how to rectify this as it shows what I want in RSD. Also, in FireFox mobile it is a little jumpy when I scroll. Not sure why.

Any help would be appreciated.

Simon

Great to hear and cool to look at Simon!


That is probably because the background attachment property is not supported on these mobile browser. See http://caniuse.com/#feat=background-attachment It also mentions the jumpy behavior you described (on some of them). In our Coast Theme we rectify this by setting it back to the default behavior (scroll) on a breakpoint.

We can't fix browser support but I hope this helps

I would defiantly suggest at mobile view give some left and right padding to text, because text sticks to edge of browser and possibility increase font size for better reading and in same time in mobile view you have plenty of white space at bottom of texts which you probably want to get rid of that.

at some small view port your text align left better use text align center , play around with typography.

Next reduce the height of the image at mobile view.

Use chrome developer tool to view how it looks like in different mobile devices.

For me in IE it's only jumpy when you use the mouse wheel to scroll the page. It's smooth when using the scroll bar. Using my touch screen seems jumpy also.

The white space below the 'about us' text will have a mini contact form in. I've not really done much at mobile view. I wanted to get the basic layout done first and then tweak the little bits. My last design I rushed and missed bits off then changed the code in the HTML editor and it was a mess. So I'm working my through things systematically now!

Thanks for the feedback.

P.S.

I hate IE.....