Hi,
No change but I found the issue.
My custom CSS has some code to fix image alignment in the grid view.
When removing it, gradient effect will disappear on both regular and responsive layout... but image alignment is broken again...
This is my current custom.css :
/* Ajustement tailles images grilles page accueil */
@media screen and (min-width: 992px){
ul.grid-view img {
height: 240px;
}
ul.grid-view li.item-first img {
height: 480px;
}
/* Désactivation gradient effect homepage */
ul.grid-view li.item-first .item-info .item-image .mask,ul.grid-view li .item-info .item-image .mask {background-image: none !important;}
ul.grid-view li.item-first .item-info .item-title,
ul.grid-view li .item-info .item-title {
background: rgba(0,0,0,0.5);
}
.item-page .page-header h2 {
font-size: 38px;
margin: 0;
}
h2 {
font-size: 28px;
line-height: 1.25;
}