Streaming live at 10am (PST)

(ASK) (HELP) Create Responsive Full Background Images in Any Resolution and Mobile Device


#1

hai i'm trying to create website like this : www.flipboard.com
and my website is : zaferproductionbeta.webflow.io

and my problem is, my image doesnt fit well on mobile–browsers.
on mobile–browser, only displaying left area of my image.
and also my web doesnt fit good in any resolution
please help


#2

Can you please share your project public read-only link? Check the button on the project dashboard, top right.


#3

Hi @kancilbersayap, here is some info on sharing the read-only link : http://help.webflow.com/faq/general/how-do-i-share-my-sites-read-only-link


#4

this is the link https://preview.webflow.com/preview/zaferproductionbeta?preview=9e2d9ae3590a98c25a64a6338d4f6d1c

what i was expecting is fit-well, but it didn't


#5

It fits well in your 960px hight hero section... Do you expect it to be fullscreen? In that case the section has to be 100%height and the body too.

Can you give an example (screenshot) of a case it doesnt fit well?


#6

yes indeed, i expect its full screen. and if fullscreen. the image is not centered, when it turn into tablet view and mobile view.
they only appear left side on image.

this is the tablet view :

and this is the mobile view :

i dont know why turn like that, i already create hero section 100% and also a body

i expecting my image is center like this smile

this is tab view what i want :

this is a mobile view what i want :

please help frowning


#7

Use the background properties to center or place your image as you like, for each device, starting with tablet and down.

Here I centered it:

You can also place it exactly like you want using the values:

If the image was an image and not a background, you could have used the Position properties to achieve the same results.

hope this help, sorry it took that long for me to get exactly what you were looking for smile


#8

YESSSSSS !!!!!! finally thankyou so much, i still had a lot of questions about webflow and etc.
should i post it here ? or should i start a new thread ?


#9

NEW THREAD! Actually don't be afraid to breakdown your questions into lots of threads, it's way easier to answer and keep updated. I mean, don't hesitate. Try to always try it yourself before and paste the sahring link to your test, you'll get help much easier.


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.