Show Search Icon outside “Hamburger” Menu in mobile

Hello there,

I hope everyone is doing good.
I am writing in the Forum today because I don’t seem to find a workaround to a, I guess, quite normal situation.

I have created a website using OceanWP and I want to keep it as simple as possible. Having the search form displayed in the nav menu is a must. It is ok in the desktop version because the search Icon Stands in the right up corner perfectly visible, but in the mobile version the Search form is “hidden” inside the “Hamburger” Menu.
The advice I got, quite a few times, was to create a custom menu using Elementor, but that will change around other things I dont want to mess with.
So I need to know if someone nows a way to fix this with CSS??
I will very much appreciate any help on this matter.

The web is: carnivalmeatlab.com

Thank you in advance

Greetings

Juan Manuel

The page I need help with: [log in to see the link]