Portfolio featured image on mobile

[jenwattsdesign]

Hi there, I have used the following code to remove the featured image in a portfolio item. This has worked on bigger screen sizes but not as the screen size is smaller. Could you advise on code that would hide it at all screen sizes please?

Thanks so much, Jen

.single-x-portfolio .entry-featured {
display: none;
}
.single-x-portfolio .entry-wrap {
float: none;
width: 100%;
}

[jade]

Hi Jen,

I have tried the code you are using and it works fine and does not display the featured image on desktop and mobile. Would you mind providing the URL of the site in question so that we can check it?

Thank you.

[jenwattsdesign]

Hi Jade, thanks for replying so quickly!

That’s odd (but good I guess!). The page in question is http://www.educateandcelebrate.org/stg_6db93/?x-portfolio=great-big-book-of-families

Thanks!

Jen

[jade]

Hi Jen,

Ah, it is because you have added the code inside a media query:

@media screen and (min-width: 980px)

that is why the code only works for screen width 980px and above. So kindly remove the code out of the media query block.

Hope this helps.

[jenwattsdesign]

Oh I’m such an idiot! Thank you!! Jen

[ruenel]

You’re welcome!
We’re glad we were able to help you out.