Hiding featured image on mobile versions of website

  • jamesm46

    (@jamesm46)


    2 years, 6 months ago

    Hi,

    I hope someone might be able to help. I am using the OceanWP theme. And I am trying to get the “Featured Image” to hide on the Mobile Phone version of my website. I have found lots of helpful websites that tell me how to do it, but with no success. The solution I have come across most often is the following CSS code entered in “Appearance > Custromise > Custom CSS/JS”:

    @media only screen and (max-width: 580px){
  .blog-entry.thumbnail-entry .thumbnail {
    display: none;
  }
}

    My very, very limited knowledge suggests this should work but unfortunately it doesn’t. Does the OcenWP theme override this? PLEASE can someone help.

    • This topic was modified 2 years, 6 months ago by Jan Dembowski.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Matias Benedetto

    (@mmaattiiaass)

    2 years, 6 months ago

    Hi @jamesm46 the code and your procedure to change the theme CSS look good. I reviewed your site and it looks like you are not targeting the right element class. Try this instead:

    @media only screen and (max-width: 580px){
  .single .thumbnail {
    display: none;
  }
}

    Let me know if this works for you.

    Thread Starter jamesm46

    (@jamesm46)

    2 years, 6 months ago

    Hi Matias,

    Thank you, you are a genius, that works perfectly.

    But for future reference, where can I find a list of WordPress elements. I have spent days looking for them without success.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hiding featured image on mobile versions of website’ is closed to new replies.