I'm trying to use a header image applied via Products > Categories > Category edit and set the image which works fine. But then the height of the header is very tall (350px).
But then get some odd results with the smaller responsive sizes and the heading text being pushed down and disappearing. And it's difficult to see what to edit to fix it.
Can you let me know the best code to change to get a cateogry header that is less tall?
Hi,
I'm trying to use a header image applied via Products > Categories > Category edit and set the image which works fine. But then the height of the header is very tall (350px).
I've had a try and adjusted:
.woocommerce #page-header-bg {height: 120px !important;}
.woocommerce #page-header-wrap {height: 120px !important;}
But then get some odd results with the smaller responsive sizes and the heading text being pushed down and disappearing. And it's difficult to see what to edit to fix it.
Can you let me know the best code to change to get a cateogry header that is less tall?
Thanks,
Nick.
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Also try using the "max-height" attribute instead of "height" and check .
Best
ThemeNectar Support Team