Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 13, 2015 at 10:05 pm #518413
    jordandsa

    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, 1 month ago by jordandsa.
    October 15, 2015 at 4:26 am #519024
    Rikard

    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

    November 6, 2015 at 12:54 am #531291
    jordandsa

    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.
    November 7, 2015 at 8:15 am #531793
    Rikard

    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

    November 12, 2015 at 12:36 am #534508
    jordandsa

    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

    November 16, 2015 at 4:49 pm #536626
    Andy

    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

    November 16, 2015 at 6:05 pm #536746
    jordandsa

    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

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