Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #518413

    Hi there,

    I can’t seem to find this specifically for mobile phones. I want the background image to appear on my computer and iPad, but not on mobile phones. Is there anyway to hide it for small screens only? Link in private section below.

    Also, is there a way to make the background image dynamic on computer screens so it get larger/smaller when visitors resize the browser window?

    Like this site:
    http://www.jillforpromqueen.com

    If you see in the example, she has a different background image on each page that dynamically resizes to the browser window, but does not appear on mobile.

    I’d LOVE to be able to do this :)
    Thanks,
    Jordan

    • This topic was modified 9 years ago by jordandsa.
    #519024

    Hi Jordan,

    I’m not sure how you did that but could you try using a Color Section with a background instead? If you give it a unique ID in the element options as well we can give you some custom CSS to hide the image on mobile. Please send us a temporary admin login as well so that we can have a closer look if needed. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #531291

    Thanks, Rikard. I gave it a unique ID of bg-credits. Or am I supposed to use #bg-credits in the ID section?

    Can you give me the CSS? I’m building it on my local machine, so there is no access.

    Thanks so much,
    Jordan

    • This reply was modified 9 years ago by jordandsa.
    #531793

    Hi,

    Please try the following to hide the section on mobile:

    @media only screen and (max-width: 767px) {
    #bg-credits {
    display:none !important;
    }
    }

    Thanks,
    Rikard

    #534508

    Hi Rikard,

    Sorry for the late response. I tried that and it made the whole section disappear. I just want the image to not display on mobile and have the rest of the content show up.

    Cheers,
    Jordan

    #536626

    Hey!

    I checked the link you have provided but can’t see any background image. Did you remove it already? if not send us a precise link where we can see it and maybe even screenshots to highlight.

    Best regards,
    Andy

    #536746

    Hi Andy,

    I couldn’t wait any longer and had to launch my friend’s site, so I removed it and did a work-around.

    Cheers,
    Jordan

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hide Color Section Background Image On Mobile Phones’ is closed to new replies.