# Sticky menu at & on top of a photo header

**URL:** <https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861>\
**Category:** Elements\
**Created:** [October 20, 2025, 12:25pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861 "2025-10-20T12:25:54Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 12:25pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/1 "2025-10-20T12:25:54Z")

</div>

How do I get a transparent ‘sticky menu’ to sit at top (and on top) of a photo header ?

To be clear …

… I got it to sit right in the middle of the image - but how do I get it to sit at the top of the image

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 1:04pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/2 "2025-10-20T13:04:24Z")

</div>

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/b/8bc86f194606e7879be1ae98c6887fc5b6c9ed54.jpeg)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [October 20, 2025, 4:29pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/3 "2025-10-20T16:29:32Z")

</div>

Do you have a padding set to container contains header? Or do you have it in a wrapper container if so just take it out and have a container on top of container rather than in one.

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 4:45pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/4 "2025-10-20T16:45:38Z")

</div>

Thanks for your reply Paul - you’re a star !!

I started with a pre-made component as shown - everything seems to be defined in the middle and I’m not clear how to change that … I’ve fiddled all afternoon : )

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

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 4:46pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/5 "2025-10-20T16:46:39Z")

</div>

I’m sure it’s teh easiest thing in the world to change … but it’s stumped me !

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [October 20, 2025, 5:35pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/6 "2025-10-20T17:35:24Z")

</div>

If I have understood correctly, look at the Photo Banner Component and check the Spacing \> Padding.

When I drag that Hero Template \> Photo Banner template into my project, I see the Spacing \> Padding is set at 60. Unlink the top and bottom padding by clicking on the vertical blue dotted line between the two 60s and then just alter the top one. 🙂

Does that do what you want?

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 20, 2025, 6:17pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/7 "2025-10-20T18:17:41Z")

</div>

I think it looks like you are trying to use the sticky Manu in the photo banners content, dropping it just above it’s existing content?

This won’t work even if you did manage to align it to the top of the banner, as it would only stick until the banner scrolled out of view, because it’s inside the banner container.

You need to put it above the banner, and easiest way to do what I think you want is put negative top margin on the photo banner of about -100px.  
Them about 50px margin on top of the main heading inside the banner to balance it out again.

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 7:13pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/8 "2025-10-20T19:13:54Z")

</div>

Doobox - you’re right - I’m a damn fool sir.

Then how do I get the menu text to sit ‘on top of ‘ the photo … rather than above it ??

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 7:15pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/9 "2025-10-20T19:15:56Z")

</div>

Oh - ok I read your reply again … I will have a play … thank you so much Doobox … thank you everyone.

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [October 20, 2025, 7:31pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/10 "2025-10-20T19:31:07Z")

</div>

![CleanShot 2025-10-20 at 8 .26.59@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5af146c377619a010ab8fcb55da6a38ed4263e80.jpeg)

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 20, 2025, 8:08pm UTC](https://forums.realmacsoftware.com/t/sticky-menu-at-on-top-of-a-photo-header/51861/11 "2025-10-20T20:08:56Z")

</div>

Thank you so much Doobox - and all !!

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/6/266f32fa7e8c2a9524b50700a3ad9409cf064fba.jpeg)
