Ayan Ali.
Shopify transparent sticky header2024

YESUGOD

A custom-coded transparent sticky header built into YESUGOD's existing Shopify theme, added without buying a new theme or redesigning the store.

The problem

YESUGOD wanted a transparent sticky header that stays at the top of the page as customers scroll, but their Shopify theme didn't support it. The usual route — switching to a theme that does — would have meant buying a new theme and redesigning the whole store for the sake of one feature.

The solution

I custom-coded the transparent sticky header straight into the existing Shopify theme: the header stays fixed and see-through over the hero as you scroll, then switches to a solid state over the rest of the page so the links stay readable. No header app and no theme swap — just the functionality the brand wanted, added to what they already had.

The result

YESUGOD got the transparent sticky header they were after while keeping their current theme and design intact — a targeted fix instead of a costly rebuild.

Skills used

  • Shopify
  • Liquid
  • Zip Pay
  • CSS
YESUGOD — view 1YESUGOD — view 2

Got a store or a build in mind?

Tell me what you're trying to ship — a Shopify section, a full storefront, a chatbot, or a web app. I'll tell you what it takes, honestly, before you commit.

ayanrjpoot@gmail.com