# Parallax Component - Page Layout Issue Fixed

**URL:** <https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384>\
**Category:** Elements API\
**Created:** [February 21, 2025, 11:43am UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384 "2025-02-21T11:43:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 11:43am UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/1 "2025-02-21T11:43:42Z")

</div>

Was able to build a parallax component. And the preview in Elements is amazing. All is working really good so far.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 12:30pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/2 "2025-02-21T12:30:57Z")

</div>

Current problem I have, that when I am adding a dropzone to the Component those elements do not show up below the Component. So its nearly impossible to select whats required.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/7/2749887c00f18a0211303ecc17488546c072cb97.png)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 1:21pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/3 "2025-02-21T13:21:04Z")

</div>

Always the same … 🤦‍♂️

Try a restart 🤣

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/0/b09044142b47ec8b0784f15c315a901169e01d5c.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 21, 2025, 2:10pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/4 "2025-02-21T14:10:11Z")

</div>

Phew, glad you got it working!

Would like to see the parallax component in action (as it is something we probably need to build into Elements) — do you have a video I can take a look at?

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 2:14pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/5 "2025-02-21T14:14:08Z")

</div>

I can not upload videos here 🙁

Other then that the simple one is done 😃

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 21, 2025, 3:05pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/6 "2025-02-21T15:05:20Z")

</div>

Annoyingly the forum doesn’t support video. You can always upload to YouTube and set it to unlisted.

I use [CleanShot X](https://cleanshot.com), it’s super good and has video hosting built-in 😊

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/7 "2025-02-21T15:48:37Z")

</div>

Hi @Dan,

yeah I saw the Cleanshot stuff. And was just in the middle of purchasing a license when my internet crashed. Looks like its a super app for the one (and only one) app I miss from Windows. (Greenshot)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 21, 2025, 4:51pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/8 "2025-02-21T16:51:32Z")

</div>

That is looking great - nice work 🥰

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 21, 2025, 5:49pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/9 "2025-02-21T17:49:10Z")

</div>

had a go at parallax

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 21, 2025, 7:21pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/10 "2025-02-21T19:21:33Z")

</div>

quick demo, this will have issues but if you could test

[elementsapp://downloadDocument/Ko6fKH8S9qks](elementsapp://downloadDocument/Ko6fKH8S9qks)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 7:32pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/11 "2025-02-21T19:32:54Z")

</div>

Hi @upssjw,

the one I build works differently. Its like a parallax per added container and then have that container accapting content.

You are working with a background Image that you overlay stuff. So would be limited to one picture.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 21, 2025, 7:41pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/12 "2025-02-21T19:41:19Z")

</div>

Yes just wrote it quickly as I had not tried parallax before, need to investigate the multi image I’ll take look tomorrow if I have time or move on to something else which I normally tend to do

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 21, 2025, 7:41pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/13 "2025-02-21T19:41:51Z")

</div>

Nice looks cool

---

<div class="post-metadata">

**Author:** ![RussOggi255](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@RussOggi255](https://forums.realmacsoftware.com/u/RussOggi255)\
**Post date:** [February 22, 2025, 8:46am UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/14 "2025-02-22T08:46:10Z")

</div>

If you are on a Mac, use  
Shift-Cmd-3 to take a screen shot  
Shift-Cmd-4 to select a portion of the screen to snapshot.  
Shift-Cmd-5 to do screen recording.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 22, 2025, 8:55am UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/15 "2025-02-22T08:55:19Z")

</div>

Hi @RussOggi255

Yeah I know that. But I was always unhappy with those default functions. So Cleanshot X is actually the solution I was missing the last 3 years already.

- Pixelate Functionality
- Easier Annocation
- Better Screen Recording

Just never seen it before. I used Greenshot in my previous job and was looking for something like that ever since.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 22, 2025, 8:58am UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/16 "2025-02-22T08:58:40Z")

</div>

CleanShot X is excellent, couldn’t live without it now!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 22, 2025, 1:33pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/17 "2025-02-22T13:33:54Z")

</div>

added a line of code and multi backgrounds, couldn’t resist

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 22, 2025, 1:35pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/18 "2025-02-22T13:35:44Z")

</div>

AWESOMMMMMEEEE … 😂

Would be nice to see how you solved it. If you like to share. I used a dev pack.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 22, 2025, 2:29pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/19 "2025-02-22T14:29:58Z")

</div>

ill add the ui for the rest I added and then share as a project

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 22, 2025, 3:02pm UTC](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384/20 "2025-02-22T15:02:48Z")

</div>

project here not finished or tested, have some dev packs but like to get them almost complete, only about 6 or 7 lines of tailwind

into para content you can change for div I was testing in Whisk, updated file

[elementsapp://downloadDocument/vWn5LgQ58B4D](elementsapp://downloadDocument/vWn5LgQ58B4D)

see video, feel free to test critique or if I should add

[Next page](https://forums.realmacsoftware.com/t/parallax-component-page-layout-issue-fixed/46384.md?page=2)
