Hide Collection Header Image Ella Theme

[Barlojoe1]

Hiya,

My collections have header images, but i cannot seem to hide them on mobile despite what code I use. 

Can someone please help, the store link is www.pet-bed-store.com

I am looking for a dev to work with me on this too!

Thanks,

Joe

[websensepro]

go to edit code search Base.css file on bottom add this code

@media screen and (max-width: 480px){
.collection-header container{
display :none !important;
padding:0px;
}
}

[Barlojoe1]

Hi,

That hasnt worked 😞

[Barlojoe1]

Can anyone help?

[made4Uo]

Hi @Barlojoe1 

Please follow the instructions below. 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the component-grid.css file
3. At very end of the code, add the code below

If you want tablet and mobile size, use the code below

@media only screen and (max-width: 950px) {
.collection_mob {
    display: none
}
}

If you want mobile only, add the code below instead

@media only screen and (max-width: 481px) {
.collection_mob {
    display: none
}
}