# 100% screen width for parallax floating hero image?

**URL:** <https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141>\
**Category:** General Help\
**Created:** [June 7, 2018, 1:41pm UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141 "2018-06-07T13:41:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![paul.ohara](https://avatars.discourse-cdn.com/v4/letter/p/94ad74/32.png) [@paul.ohara](https://community.evolveauthoring.com/u/paul.ohara)\
**Post date:** [June 7, 2018, 1:41pm UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141/1 "2018-06-07T13:41:48Z")

</div>

Hello,

I’ve got parallax scrolling turned on and I’m trying to add a hero image to the top of a page that goes 100% across the width of the browser - is this possible?

The closest I’ve been able to do is add a large floating image on top of a hero image, and offset the Top and Left by -30% to make it appear like it’s coming from the left edge of the screen, but the image seems to cut off and doesn’t stretch across the whole page (despite me uploading an image size that should comfortably fill it)

Any ideas how it might be possible? Or what I’m missing? 🙂

Thanks,  
Paul

---

<div class="post-metadata">

**Author:** ![anon59780582](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@anon59780582](https://community.evolveauthoring.com/u/anon59780582)\
**Post date:** [June 8, 2018, 10:51am UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141/2 "2018-06-08T10:51:25Z")

</div>

Hello @paul.ohara - you can achieve this using theming.

You need to make sure that max-width isn’t set on the Hero Image.

Navigate to your course’s theme \> Hero Image \> Layout and clear the max-width on the Hero image.

You will also likely need to remove max-width from under the Page menu as well.

If you want to remove this constraint, you can, under Page in the theme just remove the Page max-width.

I hope this helps.

---

<div class="post-metadata">

**Author:** ![paul.ohara](https://avatars.discourse-cdn.com/v4/letter/p/94ad74/32.png) [@paul.ohara](https://community.evolveauthoring.com/u/paul.ohara)\
**Post date:** [June 8, 2018, 11:43am UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141/3 "2018-06-08T11:43:28Z")

</div>

Brill - thanks! Think I’m starting to get my head around it 😉

---

<div class="post-metadata">

**Author:** ![anon59780582](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@anon59780582](https://community.evolveauthoring.com/u/anon59780582)\
**Post date:** [June 8, 2018, 1:03pm UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141/4 "2018-06-08T13:03:03Z")

</div>

No problem @paul.ohara

Have you visited [https://learnevolve.com](https://learnevolve.com) ?

Feel free to start new topics if you have any other questions.

---

<div class="post-metadata">

**Author:** ![paul.ohara](https://avatars.discourse-cdn.com/v4/letter/p/94ad74/32.png) [@paul.ohara](https://community.evolveauthoring.com/u/paul.ohara)\
**Post date:** [June 8, 2018, 2:55pm UTC](https://community.evolveauthoring.com/t/100-screen-width-for-parallax-floating-hero-image/141/5 "2018-06-08T14:55:05Z")

</div>

Great will do, thanks Matt 🙂