<![CDATA[Header Overlay]]>Hi!

Just want to ask if anyone was able to have their header overlay with their Hero Image?
Stripe.png

This is Stripe's website. I'd like to hear your thoughts on how you were able to merge the "header" with the hero image, essentially overlapping the two.

]]>https://community.appdrag.com/topic/763/header-overlayRSS for NodeFri, 10 Apr 2026 09:46:03 GMTSun, 21 Mar 2021 17:08:37 GMT60<![CDATA[Reply to Header Overlay on Sat, 01 May 2021 12:49:20 GMT]]>@Maciej-Bienkowski Thank you so much for taking the time to do this.

]]>https://community.appdrag.com/post/3376https://community.appdrag.com/post/3376Sat, 01 May 2021 12:49:20 GMT<![CDATA[Reply to Header Overlay on Sat, 01 May 2021 08:59:16 GMT]]>@Academy-for-Certification-Training-Ltd

cfc614bc-f5c0-492b-a891-0869f5163ea3-image.png

Click on your menu --> then brush icon --> menu --> desktop design (as in the picture)

]]>https://community.appdrag.com/post/3375https://community.appdrag.com/post/3375Sat, 01 May 2021 08:59:16 GMT<![CDATA[Reply to Header Overlay on Sat, 01 May 2021 04:52:53 GMT]]>@Wassim could you do me a favour and add a screenshot for the step "in this menu => edit => desktop design => check "keep the topbar transparent until the user scrolls" and ""Fixed on Top"

I know that I have seen that option somewhere but half an hour of clicking around, I cant find it.

]]>https://community.appdrag.com/post/3374https://community.appdrag.com/post/3374Sat, 01 May 2021 04:52:53 GMT<![CDATA[Reply to Header Overlay on Wed, 24 Mar 2021 07:15:11 GMT]]>Hi,

You're welcome 🙏
Right it's required in addition to the "keep transparent on scroll", I will edit my answer for other users thank you 🙂

]]>https://community.appdrag.com/post/3147https://community.appdrag.com/post/3147Wed, 24 Mar 2021 07:15:11 GMT<![CDATA[Reply to Header Overlay on Tue, 23 Mar 2021 15:41:43 GMT]]>Although, in my case, I have to "Fix it on Top". Still, it works 🙂

]]>https://community.appdrag.com/post/3141https://community.appdrag.com/post/3141Tue, 23 Mar 2021 15:41:43 GMT<![CDATA[Reply to Header Overlay on Tue, 23 Mar 2021 15:39:26 GMT]]>Hi, Wassim!

Thank goodness. Was able to make it work!

You're a legend, man.

Have a great day!

]]>https://community.appdrag.com/post/3140https://community.appdrag.com/post/3140Tue, 23 Mar 2021 15:39:26 GMT<![CDATA[Reply to Header Overlay on Wed, 24 Mar 2021 07:16:01 GMT]]>Hello,

From an AppDrag point of view what I would do is :

  • a first section with the logo + menu
  • in this menu => edit => desktop design => check "keep the topbar transparent until the user scrolls" and ""Fixed on Top"
  • build a second section that contains the "gradient" background image
  • on this section => edit => separator => bottom => and add the white diagonal
  • then add in this section the title + text + buttons on the left and the image on the right
]]>https://community.appdrag.com/post/3126https://community.appdrag.com/post/3126Wed, 24 Mar 2021 07:16:01 GMT