[Resolved] Veritcal Align Header Title Hook Element

[melvin wang]

Hi,

Following this support guide, I’m able to make a header for woocommerce category archive.

However I would like to make the title to vertically align center at the header within the image. Can you guide me how what CSS i’ve to add to make it happen?

This is my sample woocommerce category archive page with the hook header.

Thank you.

Regards,
Melvin

[David]

Hi there,

update the CSS to this:

.product_cat_hero {
    background-size: cover;
    background-repeat: none;
    background-position: center;
    min-height: 300px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[melvin wang]

Hi David,

The code is working perfectly. Thanks for your kind support.

Regards,
Melvin

[David]

You’re welcome

[Author]

Posts