How to move the logo to the left side and drop down menu next to the logo and not under it

Store Design
, ,

Topic summary

A user is seeking help restoring custom header styling lost after updating their Craft theme. They want to implement four specific design changes:

Desired modifications:

  • Make logo and menu sticky during scrolling
  • Reposition logo to the left side on desktop view
  • Place dropdown header menu beside (not below) the logo
  • Implement color-switching behavior: header transitions from black to white on scroll, with logo and text changing to black accordingly

Current status:
The user reports that suggested CSS code solutions are not working on their site, describing it as “immune” to the changes. The discussion remains open as they continue troubleshooting with community assistance.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

I had it like this before but since i had to update the Craft theme, most of the codes are now lost.

I would like:

  1. Logo/ Menu always to be sticky when scrolling

  2. How to move the logo to the left side on desktop

  3. Drop down header menu to be next to the logo and not under the logo

  4. Header colour changes from black to white - Logo and text colour needs to also change to black when scrolling

2

Hello and thank you for your help, much appreciated !
However, the codes seems not to work. It’s like my website is immune and none of the codes seem to work.

3

sure - pls