A Shopify store owner wants a transparent header at the top of the page that, after a small scroll, gains a white border. They also want the header’s text and logo to switch from white (when transparent) to black (when bordered), similar to the referenced site se.soera-shop.com.
A proposed fix suggests adding custom code in theme.liquid right after the tag to change header styling on scroll. An image attachment was provided to illustrate the approach, but the exact code content isn’t visible in the thread excerpt.
Follow-up questions ask how the logo color is changed by the scroll effect and whether the full behavior (transparent with white elements, then white border and dark elements) can be implemented.
No confirmation of results or detailed instructions for logo color swapping were provided yet. The discussion remains open pending guidance on handling the logo/text color change and implementation details.
Hi
ive got some problems with my banner its currently transparent, but what i want it to be is that its transparent at the top of the site but while you scroll down a little bit it gets a white boarder if this is possible? As it looks like right now its always transparent. Hope this makes sense and that someone might got a answer for me 
My url is:
hmm okey will try this out by the way how did the logo change color of this?
do you know if its possible to make the header like on this site https://se.soera-shop.com/ ?
So when its transparent the text and logo is white, but when you scroll down a little bit the header gets white boarder and the text and logo color changes to black?
