Change Hero Image Height in category

[kox_man]

Hi guys,

I understood how to change height of hero image in header in page, but in categories/shop the height is default around 400px.

Please help, how to change height of hero header? It’s with ajax, so difficult JS code that I don’t know. I can’t edit it via css.

Is there this setting available? I don’t see it. I only see how to choose picture in Shop Options, but what about it’s height? I don’t need such large paddings for example. I need to make it twice smaller.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.woocommerce .page-heading.fancy-heading {
  height: 200px!important;
}

– Kyle

[kox_man]

This reply has been marked as private.

[Kyle – SUPPORT]

You’ve got the css inside a media query:

@media only screen and (max-width: 479px) {
.owl-carousel .owl-item {
    max-width: 140px !important;
}

.woocommerce .page-heading.fancy-heading {
  height: 100px!important;
}

You need to close off the media query before that rule

– Kyle

[kox_man]

Thank you very much. Love you! 🙂

[Kyle – SUPPORT]

No problem