Hide Featured Image On Mobile View?

  • Resolved saga1984

    (@saga1984)


    10 years, 4 months ago

    Is it possible to hide the featured image on mobile view?

    I tried:

    @media screen and (max-width: 400px) {.
    wp-post-image {display:none;}
    }

    However, that did not work…

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author nobita

    (@nobita)

    10 years, 4 months ago

    Hi saga1984

    @media screen and (max-width: 400px) {
    .entry-title .h2-thumb{
       display:none;
    }
}

    Please slightly raise the specificity.

    It is useful to know the priority of each of the CSS

    style.css is very basic

    customizer / advanced / site wide css

    specificity will be higher compared to the style.css

    Post editor css area

    Style that you add to here, always automatically the ID of the post, since it is added, strong style that was limited to only that post is specified.

    Thank you

    Thread Starter saga1984

    (@saga1984)

    10 years, 4 months ago

    Yes, thank you nobita. It’s working very good now.
    For all others I used the following code in style.css child to hide the featured images on the home page for mobile view only.

    @media screen and (max-width: 480px) {
    .entry-title .h2-thumb{
    display:none;
    }
    }

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

The topic ‘Hide Featured Image On Mobile View?’ is closed to new replies.