[Resolved] Hide Background/Cover image on mobile

Home Forums Support [Resolved] Hide Background/Cover image on mobile

Home Forums Support Hide Background/Cover image on mobile

  • This topic has 7 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1190017
    EDWARD

    Hi, I’m trying to hide the background/cover images on my site. I added the below to the simple css but it does not seem to work.

    <div class="hide-on-mobile hide-on-tablet">
        Content here will only display in Desktop
    </div>

    The site is in draft mode but here is a published page:

    Any input?

    Thanks!

    Kevin

    #1190051
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable the AMP plugin for now and any other caching plugins you might be using?

    Let me know 🙂

    #1190072
    EDWARD

    Done

    #1190094
    Leo
    Staff
    Customer Support

    Weird. I’m still seeing a bunch of AMP code involved:
    https://www.screencast.com/t/wuZhb56sBp

    Could you double check?

    #1190096
    EDWARD

    Apologies, I had no me left on..it’s deactivated.

    #1190099
    Leo
    Staff
    Customer Support

    It’s a bit tricky as the background image is added as inline HTML style.

    Give this CSS a shot:

    @media (max-width: 768px) {
        .wp-block-cover.has-background-dim.ab-layout-landing-3-cover {
            background-image: none !important;
        }
    }
    #1190161
    EDWARD

    That worked! Thanks for the prompt response as always!

    #1190190
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.