How can I hide collection images on desktop in Impulses Theme?

[Luxurymrkt]

Hi,

id like to hide the collection big image on desktop only because some of my images are moving and are distorted in desktop.

may site is https://luxurymrkt.com/collections/thom-browne

id like it to display like below if no image is shown it lines up nicely

[KetanKumar]

@Luxurymrkt

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media (min-width: 769px) {
.collection-hero__image {
    display: none !important;
}
    }

[Ahsan_ANC]

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> theme.css ->paste the below code at the bottom of the file.

if you want this style please copy the below code

@media only screen and (min-width: 768px){
.collection-hero {
    height: 115px !important;
}
.template-collection .section-header__title {
    font-size: 30px !important;
}
}

or if you want to completely hide the image please use the below code

@media only screen and (min-width: 768px){
.collection-hero__content:before{
       background-color: #fff;
       opacity: 1;
}
.collection-hero__image{
   display:none;
}
.collection-hero {
    height: 120px;
}
.collection-hero__content .section-header__title, nav.breadcrumb>* {
    color: #000;
	font-size: 20px;
}
.collection-hero__content .section-header__title {
	font-size: 20px;
}
}