Jump to content
Sign in to follow this  
bxbmedia

How to make branding section background image responsive?

Recommended Posts

bxbmedia

I have a custom background image for my element, but when looking at this on my phone, the image is just cropped. Is it possible to make it scale reponsively to fit instead?


gl hf

Share this post


Link to post
Share on other sites
Rob
Can you provide a link to your site? Thanks.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
bxbmedia
[url]http://dev.thepreventionist.com/[/url]

gl hf

Share this post


Link to post
Share on other sites
Rob
In your CSS, remove the height tag and replace it with: [code]background-size: cover;[/code] This might help you: http://elliotjaystocks.com/blog/better-background-images-for-responsive-web-design/

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×