Support Center Visit Demo License manager Buy @ envato

Section Background Image

lorchmelorchme
in Files & images
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

  • BryanBryan
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.