needing help to change the header and navigation to be sticky and style when scroll down

[andrewhayes_1]

Hi Everyone

I need some help to change my website header and navigation when scroll down.

I was managed to change the header to be sticky header, however considering the logo is pretty too big, the size of header and navigation is occurring too much of the spacial on the website when scrolling down and I still wish to have a sticky header.

I would love to have some help with changing the sticky header with different composition of the header and navigation when scroll down. below is the original header and navigation and this can keep the same when website is opened

and i would love to change the sticky header to be like below when scroll down

Thank you guys much appreciated if anyone can help

[GemPages]

Hi @andrewhayes_1 ,

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

[andrewhayes_1]

www.charlietreats.com.au

Collaborator Request Code

9660

Thank you very much let me know if you more information

[andrewhayes_1]

can you access?