Hide Feature Image Only on Mobile.

  • Resolved devitaliza

    (@devitaliza)


    3 years, 10 months ago

    Hello!

    As the title states, I am looking to hide the featured image ONLY when the user is on mobile. It’s contributing massively to my LCP and I would like to hide it if the user is on mobile but show it if the user is on desktop.

    Is there any custom CSS that I can use? I’ve tried a few things, but they all seem to hide the image while leaving a gap where it should be.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, devitaliza, I’m just another user of the Neve theme.

    The following CSS should help you with your issue:

    @media only screen and (max-width : 468px) {
   .nv-thumb-wrap {
     display: none;
   }
}
    Thread Starter devitaliza

    (@devitaliza)

    Thank you, Ian!

    That has removed the images on mobile. For some reason, the images are still loading via Optimole. I am getting warnings to defer offscreen images despite the image not actually being visible.

    I will ask about this over on their forum.

    Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide Feature Image Only on Mobile.’ is closed to new replies.