Site logo

[Support request] How to create a responsive background?

Home Forums Support [Support request] How to create a responsive background?

Home Forums Support How to create a responsive background?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2490006
    jerry

    How do I create a responsive background? Like a full-size image in a container,automatically match sizes for different devices.
    The background image is displayed by padding pixels, so the image size on the mobile is not correct, and the size of the image in the container decreases with the size of the mobile.

    #2490136
    David
    Staff
    Customer Support

    Hi there,

    does the Container fill the width of the browser ?
    If so:

    1. calculate the Aspect Ratio of your background image.
    1.1 get the original images width and height
    1.2 Aspect Ratio % = height / width * 100
    eg. 800px width / 1200px height * 100 = 66.

    2. Select the Container Block and set its Minimum Height ( based on example ) to 66 VW – note the VW units must be selected.

    #2490924
    jerry

    hi,David,thank your for your help

    #2491163
    David
    Staff
    Customer Support

    You’re welcome

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