Some small arrangements

[BG Anders]

BG Anders

November 26, 2015 at 12:07 am

Hi Hannah & Ben,

hope you are well and in a good mood 🙂

my new project test-page: *Login to see link

1. Need the line between rows to be invisible so i covered it with clouds where possible. Is there a better way ?

For example here i can’t cover the line: – the row with the clear blue sky where the rockets come in, the clouds get cut by the next row.
I also would like to keep the parallax effect.

2. Text on the rocket clouds:
– my idea was to place the rockets on the widget background to make sure text stays on the rocket. Then i positioned the whole widget in his Attributes – CSS Styles with:

position: relative; top: -150px;

Finally i inserted space before the text to get it aligned on the cloud. I’m not sure it’s the right way.

Also the rocket is getting cut off on the right side as i shrink the window. I’d like it to resize and at certain size to reposition. It would also be ok to let the clouds get on top of eachother, just not the text.

3. For the mobile versions: the background images get cut of and don’t make any sense. Is there a way to shrink them so it still makes sense?
Please check the image with earth as an example.
I can also make special backgrounds for the mobile versions but would need some help with the code that switches them. What is the right approach ?

Thank you,
B.