To begin, navigate to the Toolbar > Edit with Elementor > Header - Home 1
Or go to Templates > Theme Builder > Header > Header - Home 1 > Edit with Elementor. Control the layout, conditions, rules and styles of the header template.
Please check these guides for further information:
Create Headers Using Elementor
Guide to Vamtam Elementor Builder
How to edit the logo image
You can edit the column and the Site Logo styles:
https://docs.elementor.com/article/368-column-overview
https://elementor.com/help/image-widget/
To set the logo size, visit the Style section of the Image widget:
Next, click on the "Save options" icon and select "Display conditions":
Here, you can add the Header template to whichever post or page.
Please check these guides for further information:
Vamtam Elementor Themes: How to apply different headers/footers to different pages?
Editing the Header for mobile resolution
When hiding an element, and switching to the view it’s hidden on, you will see that this element is “muted” - see the yellow arrows:
This gives you a clear indication that this element will be hidden on the live site but still enables you to edit it as needed.
You can edit that specific area in the responsive mode in which it is not hidden. For example, if the element is visible on mobile but hidden on desktop and tablet, you will be able to edit the element in the mobile view.
Switch between Desktop, Mobile or Tablet views by clicking on the corresponding icons on the bottom of the panel and edit the content dedicated to the corresponding resolution
How to edit the logo image for mobile:
To set the logo size, visit the Style section of the Image widget.
*Hint: If you'd rather use another logo image for lower resolutions (recommended in most cases), you can replace with an Image widget https://elementor.com/help/image-widget/
You can check this guide for more details: Vamtam Elementor Themes: How to edit the Logo image, Site Title and Tagline?
You can also check this instruction: https://elementor.com/help/mobile-editing/