Section Background Image

I am trying to postion an image in a section background so it fills the browser window and control how much image is shown or where the image will be placed. I seem to only be able to place an image to fill the section with out much control of placement and it scales more than I want or it is in the background about where I want it wont scale properly and the browser window has a scroll bar. 

I cant seem to find any tutorials that go over this. Ad would appreciate any help. 



Comments

  • Hello,
    it will never work like that.
    HTML backgrounds are not responsive in such manner that you cannot really manage them to be pixel perfect.
    The best way is to set the background-size to cover and the position to center center.

    You can always hide/show sections on specific devices, edit the section and scroll down to visibility dropdown.
    What I am proposing, it that you create separate sections for mobile and desktop so the background can be positioned differently.
    thanks
Sign In or Register to comment.