Hello,
Regarding your requirement, Please follow the simple steps below:
Go to Dashboard > Appearance > Customize > Additional CSS and Copy and Paste below CSS code:
For hover drop shadow effect:
.woocommerce ul.products li.product {
padding-bottom: 30px;
-webkit-transition: box-shadow 0.5s;
-moz-transition: box-shadow 0.5s;
-ms-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}
.woocommerce ul.products li.product:hover, .woocommerce ul.products li.product:focus, .woocommerce ul.products li.product:active {
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
The Fixed header option is not available in this theme.
Best Regards!!!