I need help with my website please

I need help with my website please

r3penttt
Visitor
1 0 0

 

Hi,

I hope you're doing well! I need help copying the style of the header and sidebar from [Onee Studios](https://oneestudios.com/) for my website, and I'm using the free Dawn Shopify theme. I want to achieve a similar look, but I'm not very familiar with coding, so I would appreciate your guidance on each part. Here are my specific questions:

1. **Making the Header See-Through**: I’d like to create a transparent overlay effect for the header. This means the background should be see-through, and the text should appear in white at first. Could you please tell me how to do this? What specific code do I need to use in the CSS to achieve this effect?

2. **Changing the Logo Color**: I want the logo to change to black when I scroll up and the sticky bar becomes visible. What is the best way to implement this? Is there a JavaScript or jQuery function that I can use, and what code do I need to add to my theme?

3. **Hiding the Sidebar**: I would like the sidebar to remain hidden while scrolling down the page and only show up when the user scrolls up. How can I accomplish this? Could you provide the necessary code or steps to make this happen?

4. **Moving the Banner Image**: I want to adjust the banner image so that it starts right below the announcement bar, extending all the way to the top of the page. What changes do I need to make in the CSS or HTML to set the correct margins for the banner image?

5. **Transparent Sidebar Background**: Lastly, I would like the sidebar to have a transparent background, similar to the example site. What code should I use to create this effect?

Since I’m not very good with code, I would greatly appreciate clear and detailed instructions for each of these points. Your help would mean a lot to me as I try to improve my website.

Thank you for your time, and feel free to check my website for reference: [r3pentworldwide.com](http://r3pentworldwide.com).

 

Reply 1 (1)

PaulNewton
Shopify Partner
7450 656 1560

Hi @r3penttt show your work so far with inspectable urls, and ask more narrowly scoped singular questions for smaller simpler parts.

For a full implementation the how and why varies so wildly among themes this is an advanced theme customization, hire someone.

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

 

If you need this customization then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org