Fixed backgrounds
Hi I use fixed background with center position and no repeat on my website.
The problem is when viewed on mobile the background image stretches out past the width of the mobile screen.
Id like to force the background image to be 100% of the mobile screen width and not stretch out.
i tried
background size: contain !important
in my media queries for 568px and 720px but it doesnt seem to work.
Can you help me understand how to achieve this?
Comments
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
Also, please use a background-size:cover
thanks