Yep. The cover container is the same width and has the same “padding” that the default kleo header has. I didnt change that. There’s going to be a gap above and to the sides because its sitting inside the ‘template-page col-xx tpl-right’ div. See screenshots for better explanation. I’ve added a border to the default kleo header to illustrate this.
To expand on your other question about the avatar being below the cover, you can adjust its position by overriding the css. Specifically
.bp-user #buddypress #item-header-avatar {
margin-top: -50px !important;
}
Increase the -50px to whatever suits you. MAKE SURE YOU HAVE THE UPDATED PLUGIN FILES INSTALLED.
The reason I chose to hold the cover in its own div above the avatar instead of having the avatar sit inside the cover div is because it scales better.
This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com