XF 2.2 Increase the Profile Cover area

[Hareon]

How do I increase the size (height) of the profile cover photo?

I would like to be able to make better use of the size of the images uploaded to profiles.
The Avatar, profile information and options in the right corner end up overshadowing the cover images.

 

[Mr Lucky]

You can easily change the height in the template extra.less with:

.memberHeader--withBanner .memberHeader-main

{min-height:1000px}

But you'd need to think carefully about how it looks responsively e.g. back to current on smaller screens, e.g.

@media (min-width: @xf-responsiveNarrow)
{
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}
}

 

[Hareon]

You can easily change the height in the template extra.less with:

.memberHeader--withBanner .memberHeader-main

{min-height:1000px}

But you'd need to think carefully about how it looks responsively e.g. back to current on smaller screens, e.g.

@media (min-width: @xf-responsiveNarrow)
{
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}
}

Thanks for the answer. I think 400px is good. In Mobile is OK too. Thanks.