Hi, I’m trying to make a header like the one on the https://fearofgod.com/ website. It’s transparent with a slideshow behind it, then it turns white when scrolling and it is sticky. Also, this is only on the homepage, the header is sticky and white on every other page.
Topic summary
A user is attempting to create a transparent header with specific functionality: transparent with slideshow background on homepage, turning white and sticky on scroll, while remaining white and sticky on all other pages. The design reference is fearofgod.com.
Progress Made:
- Store link and password shared for troubleshooting
- Transparent header already implemented
- Logo positioning adjusted to top center as requested
- Hover color effect resolved by user
Current Issues:
- Logo appears too small and needs to be enlarged
- Logo displays in brownish-beige color on hover instead of desired white
- Header height is excessive despite wanting a larger, more visible logo
The user is seeking solutions to resize the logo, fix the hover color, and reduce header thickness while maintaining logo visibility. Screenshots have been provided showing the current header appearance.
1 Like
Hi @mariamk
Please share your store link so I can give you the code
https://pilatessocialclub.shop/
password 2025goals
i want the header and logo like this https://sundaypilatesclub.co/
Hi @mariamk
I see you already have a transparent header. Please go to your Online Store > Themes > Customize > Header > change the Desktop logo position option to Top center to make the header and logo like your request.
1 Like
thank you, do you know how i can make my logo appear larger?
it is tiny
also, when you hover over the header, how can i change the color to become white? then transparent when not hovering? like the previous site i showed
