content in viewport shift away when clicking in search bar

Hello WordPress community.
Im new working with WordPress and very beginner with CSS, so please have patient with me since im still learning 🙂
Im using elemetor pro to design my pages and i have encounter an issue that i cant find the way to resolve it. In Mobile devices the whole site shift out of the viewport, see pictures attaches, it happens when i click in the search bar, also happens when i click in a random object the content of the website goes like zoom mode and you can drag the website away from the viewport, is like getting lose, I try everything i have in my noob arsenal but nothing works, i try different search bars, applying css to deactivate the pinch, which didn’t work, it keeps doing it, I have the search bar in one container along with the cart widget, nothing else, one container, 2 elements, I have try all the possible configurations that elementor offer including overflow, but nothing. I will really appreciate is someone can help me to solve his issue, will be greatly appreciated.

Thank you very much.
Carlos