Hover effects and header menu

[Anonymous]

Is there a way to turn on the hover-over drop shadow effect on a blog article to items in the shop?
Is there a way to turn the fixed-header off on a page only basis? I have some content that is intended to be viewed full screen and the fixed-header hides some of the content

[keonthemes]

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!!!

[Author]

Posts