Media Query to Hide Featured Image

  • Resolved jaysch

    (@jaysch)


    4 years, 9 months ago

    Hello – I need to hide the event ‘featured image’ using a media query below 685px.

    I tried the following media query but it doesn’t work:

    @media only screen and (max-width: 685px) {

    .attachment-full size-full wp-post-image img {

    display: none;

    }
    }

    Please advise on the correct element to target and any syntax issues with my code.

    Thank you!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor webnus

    (@webnus)

    Hi @jaysch,

    You can use CSS below:

    @media only screen and (max-width: 685px) {
    .mec-fluent-wrap.mec-skin-list-wrap .mec-event-image img {
        display: none;
    }
}

    Use CSS: https://webnus.net/dox/modern-events-calendar/inspect-element/

    Best Regards

    Thread Starter jaysch

    (@jaysch)

    Thank you for posting this solution. It’s works great!

    Is there a way to use a similar media query for the Featured Image has it appears in the modal popup?

    I tried this modified media query but it doesn’t work:

    @media only screen and (max-width: 685px) {
    .mec-fluent-wrap.mec-skin-list-wrap .mec-events-event-image img {
    display: none;
    }
    }

    Thank you.

    Plugin Contributor webnus

    (@webnus)

    Hi @jaysch,

    In general, use the CSS below:

    @media only screen and (max-width: 685px) {
    .mec-single-fluent-wrap .mec-events-event-image img,
    .mec-fluent-wrap.mec-skin-list-wrap .mec-event-image img {
        display: none;
    }
}

    Best Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Media Query to Hide Featured Image’ is closed to new replies.