bobo.chammas Posted July 16, 2013 Share Posted July 16, 2013 Hi, I am working on my first site on presta and have a problem with the background. I have made the background image fixed and it works perfectly on computer monitors but when i use a ipad or a smartphone the background fixes on top center and is minimized... I have made the page wider using a guide on youtube - My settings are: body{ font:bold 11px/14px Arial, Verdana, sans-serif; color:#666; background-image: url(../img/back.jpg); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } I have attached images to show how it looks on a Ipad... Does anyone know what the problem might be? Link to comment Share on other sites More sharing options...
theme_designer Posted July 17, 2013 Share Posted July 17, 2013 To make a responsive design, do not use "fixed" elements. Check this guide. http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ Link to comment Share on other sites More sharing options...
vekia Posted July 17, 2013 Share Posted July 17, 2013 hello it is possible to check your website somewhere? if so please share the url I tried to open: http://www.liquidsoftware.com/sveafordon but without success Link to comment Share on other sites More sharing options...
bobo.chammas Posted July 17, 2013 Author Share Posted July 17, 2013 http://www.liquidsoftware.se/sveafordon Its .se not .com The problem is that i need the background fixed. Is there no way to make it work? Link to comment Share on other sites More sharing options...
vekia Posted July 17, 2013 Share Posted July 17, 2013 hello your website is veery very slow (load time near 1 min! ) anyway, i checked it and your background is fixed Link to comment Share on other sites More sharing options...
bobo.chammas Posted July 19, 2013 Author Share Posted July 19, 2013 Anyone??? Link to comment Share on other sites More sharing options...
vekia Posted July 19, 2013 Share Posted July 19, 2013 hello again as i said i checked your website, you've got there fixed background, so what's the point? if i don't understand you well, sorry for that Link to comment Share on other sites More sharing options...
bobo.chammas Posted July 20, 2013 Author Share Posted July 20, 2013 The problem is that it doesn't work on smartphones and surfpads, check the pictures attached... Link to comment Share on other sites More sharing options...
vekia Posted July 20, 2013 Share Posted July 20, 2013 try to add this: background-size: 100% auto; to the css styles for element where you've got your background Link to comment Share on other sites More sharing options...
bobo.chammas Posted July 25, 2013 Author Share Posted July 25, 2013 Doesn't work, its still the same... I have even removed the fixed part. What am i doing wrong? Link to comment Share on other sites More sharing options...
vekia Posted July 25, 2013 Share Posted July 25, 2013 i checked your website once again, unfortunately he code still looks the same as before Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now