Sticky header with logo, bag, search and burger

Hi, can anyone help me? I'm very new to custom code. I somehow managed to create a sticky header with the logo in the middle but I'd like to have the burger on far left, shopping bag on far right and search button to the left of it with a clickable logo in the middle.

At the moment it looks odd and I cant remove the navigation on the right. Also announcement bar is in the wrong place (pictures attached)

Thanks!

Can you share site url? I think we can solve this with some simple CSS code.

That'd be awesome. Thanks @tuanphan. URL below:

https://www.road-from-damascus.co.uk/

So

• Announcement bar will be on top of header
• Remove right navigation
• Add a Search icon > Click Search will open search page then users can enter search keyword
• Add a Cart icon (no cart quantity) > Click Cart will open cart page?

Is this right?

Exactly. The following please:

• Announcement bar always above the sticky header
• Remove text navigation from both desktop and mobile
• Content to flow and disappear under header (currently it flows under while still visible)
• Logo on mobile to be clickable (to homepage)
•  

Header components:

Desktop:  photo attached 

Mobile: attached video of current standing and photo of what I'd like

I hope my explanation isn't too confusing. Thanks @tuanphan

Also, is it possible to make the burger a drop down menu containing main navigation buttons without cart and customer account instead of going to a separate page?