Within the generated Header component in Power Pages, if one desires to change the Logo, Logo alt and site name, it is hard coded within the Mobile Header content snippet. This creates a disruption with the designer when we desire to edit the above, by not syncing the changes. That happens because the changes are synced in separate content snippets. For me, this caused the issues of editing in the designer -> have the edits saved in the preview window but not being updated in the code -> therefore not updating it on the website itself.

Original Mobile Header content snippet (which does not use the mentioned snippets which update on the sync).

Company name

Edited Mobile Header content to include the content snippets that update the values when you press on sync (values of Logo URL, Logo alt text, Site name).

{{ snippets["Site name"] }}

 This might makes it less confusing when dealing with logo, logo alt text or site name issues.

Everything above is created by default by the Power Pages environment.