▼
Streaming live at 10am (PST)

Background + content = big problem

Design help General
#1

Hi guys! Now I’m making a site( https://webflow.com/website/shukar26?s=shukar26 ) for my client and I ran into a problem. He wants the background foto to be full and uncut on all monitors. At first it seemed simple enough, but I ran into a problem:

  1. I create a section height 1080
  2. I load the background for my section.
  3. In the settings I put “cover”. It will make “full backround” with all monitors and won’t cut it horizontally.
    And then there is a problem. If I reduce the size of the monitor, then all of the content that was below my section falls very far.
    I’ve tried all the settings for the date, but nothing helps.
    Tell me how I can tie the rest of the content to the bottom of my first section.
    PS
  4. Settings “Contain” do not help because the monitor 1920 have white stripes appear on the right and left
  5. I tried to put the auto size of section, but then my background disappeared.
    Good proportions on the 1920: http://uploads.pictures/uploads/ec83e84409457a9b80ef7c5febb4a916.png
    Bad proportions on the little monitor: http://uploads.pictures/uploads/587dc487b9fd3cc26274536fc6a107e3.png
#2

Hasn’t it been solved now? to meet it looks like this

and

In the live version.

#3

If it’s because that its a problem with this part of the images being cut off :

2.jpg5770×1800 2.41 MB

Then you can simply fix it by setting the position Preset under background settings to Bottom :

Skærmbillede_2015-04-02_kl__04_38_32.jpg1440×900 431 KB

VS.

Skærmbillede_2015-04-02_kl__04_38_36.jpg1440×900 437 KB

|100xauto

Hope it helps.

1 Like
#4

Hi! Thank you very much for your answer but it is not a solution.
If I put a “Cover” he cuts the photo on the right and the left. And my client would want that image was uncutted.

cutting.png1105×949 1.58 MB

The problem now is that if I put “contain” and adjust the size of the section on auto, then my picture somewhere disappears. I do not know why.

lose.png1919×969 659 KB

If I put the settings on a minimum 768 pixels that appear white stripes on the right and left of the image.

white stripes.png1917×971 1.97 MB

And if I put the settings on minimum 1080 when reducing the screen image is reduced but remains part of the working section 1080 and creates a long white space.

white.png1919×969 1.42 MB

My job is to make the size of the section automatically but then the picture disappears somewhere.
The main question is “where is photo”? And how to fix this problem?
Please help me =)

#5