author archive header

Doh ... my bad. Replace all the CSS we provided here with;

.author .page-header {
    background: #FEFAF8;
}

.author .page-header img {
    border-radius: 100%;
    position: relative;
    bottom: -50px;
    width: 100px;
}

@media(max-width: 768px) {
    .author .page-header img {
        bottom: unset;
    }
    .author .page-header {
        text-align: center;
    }
    .author .page-header h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

perfect its better now, but need the image in circular shape.

Can you move the CSS i provided to the top of the Additional CSS

fixed,

Thanks for the help, David & Tom.

Glad we could be of help