Hi Bruce,

Actually that is correct behavior.

The frontend cover size will never be the same because it will differ according to the varying themes/templates/custom styling/screen sizes.

The frontend cover will adjust its height accordingly depending on the various factors involved. So even if you apply custom css to increase its height, it may look different on smaller screen.

Sorry, I don't understand.

Both of the attachments are on the same size screen.

I cannot find this directory which you included in your response.

themes/templates/custom styling/screen sizes.

Hey Bruce,

Both of the attachments are on the same size screen.

They may be on the same screen, but their width is different(http://take.ms/XFSAX).

Because the cover on top has a larger width, it needs a much larger height to show the full image.

cannot find this directory which you included in your response.

That is not a directory. I am just stating those as a factor that may influence the image size.

Perhaps you can try using this custom css if you really need the ratio of the image to be the same as in the group creation/edit form.

#es .es-profile-header__cover {

    min-height: 390px;

    max-height: 390px;

}

After applying this custom css code, try uploading various images to check that its displaying fine.

Where do I find the file for the custom css?

Hey Bruce,

You may insert the custom css here: http://take.ms/og1FI

Ok Thanks!

You are most welcome Bruce, glad that your issue is resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding