I’ve tried adding a media query for one of the banners on the homepage for ipad landscape however it’s not actually being reflected. I’ve spent several hours trying to troubleshoot this but not getting anywhere.
this is the css I’m using. it’s in the customizer
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.banner-with-mask .banner-content {
background: linear-gradient(to right, rgba(68, 29, 32, 0.7) 50%, transparent 30%) !important;
}
}