Parallax Fixed within Row
Hello!
On my homepage (dtkstudios.flywheelsites.com), below the hero, I have a fixed image with dividers on top and bottom. It looks great on my screen dimensions of 1917x865!
However, on my 13 in. mac book, it looks scrunched and not good. πΒ
I was able to recreate the look I was going for by creating a series of nested rows. However I'm unable to use parallax to fix the image within the row. I also used the dividers across the whole section instead of just on the rows. I have both options live on the website.
What I am hoping to have is the responsiveness of the nested rows with the ability to fix the image while scrolling. Is it possible to add the parallax fixed to a row?
Here's the setting for the section with parallax fixed:

Here's the setting for the nested rows:

Here's the scrunched and not so good section on a smaller desktop screen:

If it's not possible, I can give up the fixed image so this section looks great across all sizes.
Hopefully, this isn't totally confusing!Β
Thanks as always!
-
Hi,
About this "the ability to fix the image while scrolling. Is it possible to add the parallax fixed to a row?" - could you please give us more details? if you set the block with parallax effect the background image will "move" on the scrolling. In such a was is working the parallax effect.
About "to have is the responsiveness of the nested rows" and how is displayed this block on the small desktop devices. I notice that for this block you added 350px margin-left and margin-right https://jmp.sh/78xNBvE. To solve the inconvenience you see in the small desktop devices, I suggest adding the value for margin in % not in the px.
Best regards,
Sandra0 -
ππΌππΌππΌππΌ
Thank you, Sandra!
This was totally an oversight on my part. I appreciate you reminding me of % instead of px.Β
Have a wonderful day!
Erin
0 -
Hi,
It's ok, don't worry! ;) I'm happy to hear that you could solve this inconvenience and now all is fine!
Have a great day too!Best regards,
Sandra0
Please sign in to leave a comment.
Comments
3 comments