(Squarespace) How to add Aws Partner badge logo to Header

[tuanphan]

To add an Aws Partner Badge logo to Header like this.

#1. First, use this code to Custom CSS.

a.aws-partner-badge img {
    width: 70px;
    margin-left: 30px;
}

#2. Use this code to Code Injection > Footer

<script>
const PARTNER_URL = 'https://aws.amazon.com/partners/branding/';
const BADGE_IMAGE_URL = 'https://d1.awsstatic.com/customer-references-case-studies-logos/1200x900_logos/AWS-Partner-Advanced_1200x900_Logo.65f93763f637c09cd04a0274db3ebb34fb2b349d.png';
const BADGE_CLASS = 'aws-partner-badge';
document.addEventListener('DOMContentLoaded', function() {
    const headerActionsRight = document.querySelector('div.header-actions--right');
    if (headerActionsRight) {
        const partnerBadge = document.createElement('a');
        partnerBadge.href = PARTNER_URL;
        partnerBadge.target = '_blank';
        partnerBadge.className = BADGE_CLASS;
        
        const badgeImage = document.createElement('img');
        badgeImage.src = BADGE_IMAGE_URL;
        
        partnerBadge.appendChild(badgeImage);
        headerActionsRight.appendChild(partnerBadge);
    }
});
</script>

#3. You can change Logo + Logo url here.

You can change logo size here.