Background Image for mobile devices

  • valenciayu

    (@valenciayu)


    9 years, 7 months ago

    How do you specify an image for mobile devices in addition to the original image? For example, I featured an image in a post and that image will show as one of the slides. How do I display another image for that slide when the device width is under 480px?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Julien Zerbib

    (@julien-zerbib)

    9 years, 7 months ago

    Hi !

    First you’ll have to copy the file wp-content/plugins/wp-fullpage/templates/js/jquery.fullpage.custom.js and paste it into wp-content/theme/YOURTHEME/wp-fullpage/js/jquery.fullpage.custom.js

    Then you’ll be able to modify the fullpageSetBackground function to set the proper backgrounds when needed. Change for example the name of your BG from ‘.png’ to ‘-mobile.png’ and upload the corresponding file… (be careful, WP is ordering files into specific folders depending on the month and year you upload the file…)

    Hope that helps.

    Let me know if that works.

    Best,

    Julien

    Thread Starter valenciayu

    (@valenciayu)

    9 years, 7 months ago

    Thanks for the advise. But I can’t figure out how to implement it. Any advise will be great, but I’ll try to figure out on my own.

    Plugin Author Julien Zerbib

    (@julien-zerbib)

    9 years, 7 months ago

    Hi !!

    I tested it and it seems that changing the background image like this break the page most of time, and don’t know why…

    Sorry for that !

    Regards,

    Julien

    Thread Starter valenciayu

    (@valenciayu)

    9 years, 7 months ago

    Ok. No problem. I’ll figure something else out. Thanks.

    Plugin Author Julien Zerbib

    (@julien-zerbib)

    9 years, 6 months ago

    Hi,

    I’m working on some new addons for WP FullPage and this feature is one of them…
    This will be out in few weeks.

    Regards,

    Julien

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

The topic ‘Background Image for mobile devices’ is closed to new replies.